01 / FOUNDATIONshadcn
Try an action
DefaultSecondaryOutlineDestructive
A foundation.
Your own language.
Composable primitives. Thoughtful defaults. Components that grow from a single action into the interfaces you ship.
Browse components One shared design system. For your whole team.
shadcn/ui→Crafter components→Your product
THE PIECES, IN PRACTICEINTERACTIVE EXAMPLES / SOURCE INCLUDED
Start with the primitives
02 / ORGANISMCrafter
A complete settings flow
03 / ATOMCrafter
One action.
Every state.
Pending, disabled and done. The little details belong in the component.
04 / MOLECULECrafter
A small idea is a good place to start.
05 / ORGANISMCrafter
Room for your next idea
Every good project starts with a blank canvas.
06 / MOLECULECrafter
Worth repeating.
Without the repetition.
bun run devReal clipboard feedback, with an honest error state when copying fails.
MAKE IT YOURS
Your components.
Your defaults. Every time.
Create a separate design system with your own identity, tokens and components, starting from Crafter UI.