For the complete documentation index, see llms.txt. Markdown variants are available for the docs, pricing and about pages: append .md to the URL or send an Accept: text/markdown header (the home page answers the header too). An agent skill is available at /.well-known/agent-skills/site-skill.md.
craftUI
PricingSign in

About craftUI

craftUI is a collection of crafted, production-ready sections, blocks, illustrations and isometric art built on top of shadcn/ui. Every item is distributed through a shadcn registry, so you install it with the shadcn CLI and the source code lands directly in your project.

Why craftUI

You own the code
Items are copied into your project, not hidden inside a package. Change anything.
Works with your theme
Items use shadcn's CSS variables (bg-primary, text-muted-foreground and so on), so they pick up your colours, radius and dark mode.
One command to install
npx shadcn add installs the item, its npm dependencies and any shadcn primitives it needs.
Built with
React 19, TypeScript, Tailwind CSS v4 and Motion.

How it works

  1. Set up shadcn/ui in your project (see Installation).
  2. Pick a section, block or illustration on the browse page.
  3. Copy its install command from its page and run it in your project:npx shadcn@latest add https://www.craftui.space/r/<item>.json
  4. Import it from your components folder and use it.

FAQ

Ready to start? See the plans.