THE CLI FOR FEATURE-SLICED DESIGN
Turn your next frontend into a codebase that makes sense. Scaffold your foundation. Generate your slices. Build what comes next.
npx create-fsd-architecture@latestOPEN SOURCE / IN NUMBERS
All time · through Oct 15, 2026
CLI repository · Oct 16, 2026
Five ways to build. One architecture.
Latest: v2.6.3
Downloads for create-fsd-architecture since May 30, 2026. Public npm and GitHub counts; dates show the latest successful data check.
01 / FROM IDEA TO STRUCTURE
Choose your framework and stack. Start with FSD layers, TypeScript, and tooling already in place.
Create your first project$ npx create-fsd-architecture@latest
app/ → initialize
pages/ → compose routes
widgets/ → assemble UI
features/ → user actions
entities/ → your domain
shared/ → common groundYour framework. A deliberate structure.
Add features, entities, widgets, and pages to an existing project. The generator follows your saved framework and stack choices.
Explore slice generation$ npx create-fsd-architecture -g feature auth
api/ → requests
model/ → state & logic
ui/ → components
index.ts → public API
Stack from fsd.config.jsonLess repeated setup. More product work.
Keep framework and stack decisions in fsd.config.json. Inspect your project and review an upgrade plan before applying changes.
Understand safe upgrades$ npx create-fsd-architecture upgrade --dry-run
{
"framework": "react-vite",
"apiClient": "fetch",
"serverState": "react-query",
"clientState": "zustand"
}A plan you can review before you upgrade.
02 / GO A LAYER DEEPER
Get the full picture, at your own pace.
Explore the six FSD layers, import boundaries, and the complete project creation workflow.
Explore architectureDiscover templates, generators, tooling, configuration, and answers to common questions.
Discover capabilitiesYOUR NEXT CHAPTER
Your framework. Your stack. A foundation you can build on.
$ npm create fsd-architecture@latest