Search documentation
Search pages, components, blocks, styles and colours.
Use the fabricator-ui CLI to create projects, add components and check your setup.
Use the fabricator-ui CLI to create projects, add components to them and check that they are set up correctly. It is built on the shadcn CLI, so the @fabricator registry also works with that CLI directly. See Registry.
init
Use the init command to create a new project, or to set up Fabricator UI in an existing one.
In a new or empty directory, init creates a project from a template with the @fabricator registry configured. It installs dependencies, adds the cn util and writes the CSS variables for your theme.
In an existing project, init asks what you want to do:
- Add registry only: adds
@fabricatorto theregistriesin yourcomponents.json. Your theme and existing components are left untouched. - Apply theme: adds the registry and applies a Fabricator preset to your theme and fonts.
Options
Usage: fabricator-ui init [options]
Options:
-t, --template <template> the template to use. (next, vite, start, react-router, astro, laravel)
-b, --base <base> the component library to use. (base, radix, aria)
-p, --preset <preset> use a preset configuration
--monorepo scaffold a monorepo project.
-h, --help display help for commandFor example, to create a Vite project on Radix UI:
add
Use the add command to add components and their dependencies to your project.
Bare names resolve to the @fabricator registry, so add button installs @fabricator/button. Namespaced names are passed through as they are:
add also accepts --overwrite, --all, --path, --dry-run, --diff and --view.
apply
Use the apply command to apply a preset to an existing project.
To apply only the theme or the fonts from a preset, without reinstalling UI components, use --only:
Supported values for --only are theme and font.
search
Use the search command to search the @fabricator registry. list is an alias.
view
Use the view command to inspect items from the registry before installing them.
docs
Use the docs command to fetch documentation and API references for a component.
diff
Use the diff command to compare a component in your project with the latest version in the registry.
info
Use the info command to print information about your project: framework, Tailwind and React versions, components.json and installed components.
doctor
Use the doctor command to check that your project is set up for Fabricator UI.
It checks that:
- the project uses Tailwind CSS v4 and React 19.
components.jsonis valid and itsstyleis a valid style id.- the
@fabricatorregistry is configured. shadcn/tailwind.cssis imported.
For every failed check, it prints the fix.
mcp
Use the mcp command to run the Fabricator MCP server. It gives your AI assistant access to the @fabricator registry.
To write the MCP configuration for your editor or agent, use mcp init:
Supported clients are claude, cursor, vscode, codex and opencode. See MCP Server.