Your foundation.
Your decisions.
Crafter UI is a component library built on shadcn and Base UI. Explore the primitives, compose your own language, and take the source into your project.
Two layers, one library
shadcn holds the primitives: buttons, inputs, cards and dialogs. Crafter holds opinionated compositions with focused APIs, sensible states and less repeated markup. Both layers share the same Crafter colors, typography and sharp corners used throughout this site.
Atoms
A focused action or control.
02Molecules
Related pieces working together.
03Organisms
A complete section or task.
The levels describe the component's responsibility, not a strict count of DOM nodes. Templates and pages come after a pattern has proved useful in a real product.
Install the Crafter defaults
Use a React 19 and Tailwind 4 project initialized with shadcn Base UI. Start with a clean project, or review the changes before replacing components you already use.
bunx --bun shadcn@4.21.0 init --base basebunx --bun shadcn@4.21.0 add http://localhost:4324/r/starter.jsonThe starter applies Crafter's monochrome theme and includes all 76 shadcn and Crafter components with their dependencies. Individual component installs preserve your existing theme.
Build your own library
Choose a name, theme and components in the style generator, then download a ready-to-host registry. Already have components in an app? The local extractor follows their imports and prepares an installable bundle.