All components
Chat
The pieces a conversation is made of: one renderer per part the AI SDK streams, the thread that scrolls them and follows a stream without fighting a reader who scrolls up, and the dialog that shares the result to a link. Each installs on its own, so a chat carries only what its model actually emits.
In Pro Figma & Pro Figma + React
Radix UI
Base UI
8 styles
5 icon sets
File Part 1
View detailsNot Allowed
Get access to the full source code by upgrading to Pro Figma + React.
Reasoning Part 1
View detailsNot Allowed
Get access to the full source code by upgrading to Pro Figma + React.
Text Part 1
View detailsNot Allowed
Get access to the full source code by upgrading to Pro Figma + React.
Tool Part 1
View detailsNot Allowed
Get access to the full source code by upgrading to Pro Figma + React.
Web Search Part 1
View detailsNot Allowed
Get access to the full source code by upgrading to Pro Figma + React.
Questionnaire Part 1
View detailsNot Allowed
Get access to the full source code by upgrading to Pro Figma + React.
Sources Part 1
View detailsNot Allowed
Get access to the full source code by upgrading to Pro Figma + React.
SBIOTJ
Join 14,000+ builders shipping with shadcncraft
Get access to these components and the full library
Production-ready blocks and components with matching Figma and React.
Benefits
Built for real interfaces
Each block is designed to work as part of a complete page, not just as a visual fragment.
Structured Layouts
Clear grids, consistent spacing, and predictable hierarchy.
Marketing + App Coverage
Landing pages, dashboards, onboarding, pricing, e-commerce, and more.
Theme Compatible
Works seamlessly with semantic tokens and theming.
Production-Ready States
Designed with real content, tokenized spacing, and real interaction patterns.
Figma + React Parity (Pro Figma + React)
Design in Figma and ship with aligned React components.
Composable by Design
Mix blocks together to create complete pages without layout conflicts.
Frequently Asked Questions
Yes. They follow shadcn/ui structure and are built for real products.
All components
More Components
Chat7