Back to directory
Figma & Design KitsOne-time
Shadcncraft
Figma kit that mirrors every native shadcn/ui style one-to-one with the code components.
Visit siteshadcncraft.com
- Category
- Figma & Design Kits
- Pricing
- One-time
- Last checked
- Sep 24, 2026
Figmashadcn/ui
Affiliate disclosure: we may earn a commission when you buy through links on this page, at no extra cost to you.
All components0
About Shadcncraft
Shadcncraft is a block and section collection for shadcn/ui and Tailwind CSS projects. The registry currently lists 297 installable blocks and sections. Paid access: One-time.
Engineering-wise, its components commonly build on @tanstack/react-table@^8.21.3, @dnd-kit/core@^6.3.1, @dnd-kit/sortable@^10.0.0, @dnd-kit/utilities@^3.2.2 and @dnd-kit/modifiers@^9.0.0.
In practice it covers dashboard, stats, dashboard-shell and kanban — a fit for landing pages, marketing sites, and product UI that should stay consistent with the shadcn design language.
Signature components
Chat Shell 1 – Thread sidebar with pin, rename, share and deletechat-shell-1Assistant Panel 1 – Chat docked beside your appassistant-panel-1Composer 1 – Prompt input with attachments, model and dictationcomposer-1App Shell 1 – Sidebarapp-shell-1App Shell 2 – Floating sidebarapp-shell-2App Shell 3 – Inset sidebarapp-shell-3
