@craftui
Animated, interaction-first components for React: 70+ loaders, interactive SVG icons, plus blocks, sections and UI primitives. Built with Tailwind CSS v4 and Motion, with every animation hand-tuned rather than generated.
Install this registry
npx shadcn@latest add https://www.craftui.space/r/registry.json pnpm dlx shadcn@latest add https://www.craftui.space/r/registry.json bunx shadcn@latest add https://www.craftui.space/r/registry.json curl -s https://www.craftui.space/r/registry.json Components
7 totalA placeholder component. Replace this with your custom shadcn component.
npx shadcn@latest add https://www.craftui.space/r/your-component.json Marketing hero with a cluster of data panels, rolling CTAs and a logo wall that cycles on scroll.
npx shadcn@latest add https://www.craftui.space/r/hero-section.json Four metrics against competitors, each drawn as its own chart: isometric bars, unit field, radar and stacked slabs.
npx shadcn@latest add https://www.craftui.space/r/benchmarks-section.json Clustered avatars synced to a list of roles and bios.
npx shadcn@latest add https://www.craftui.space/r/team-section.json Search, filters, row selection, pagination, and create, rotate and delete dialogs.
npx shadcn@latest add https://www.craftui.space/r/tables-section.json Help-desk queue with saved views, live SLA timers, inline status, priority and assignee, sorting, CSV export and a ticket detail sheet.
npx shadcn@latest add https://www.craftui.space/r/tables-section-02.json A hero with your work on a turning film wheel: drag, swipe or use the keys to spin it, with a live caption and a scrolling client row.
npx shadcn@latest add https://www.craftui.space/r/hero-section-02.json