All Chat blocks
Composer 1
Prompt input with attachments, model and dictation
The prompt input, and the hardest part of a chat to get right. Files arrive by picker, drag or paste, each reporting its own upload state; a menu switches tools and connectors on for the turn; the model picker carries reasoning effort with it; and dictation swaps the field for a live waveform without shifting the layout. The unsent draft survives leaving and coming back. Speaks the AI SDK's message shape, and drops into a chat you already have.
New
In Pro Figma & Pro Figma + React
Radix UI
Base UI
8 styles
5 icon sets
Not 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 this block and the full library
Production-ready blocks and components with matching Figma and React.
Benefits
Production-ready by default
Built with shadcn/ui conventions and designed for real projects.
Built with shadcn/ui
Clean React components using Tailwind and modern shadcn patterns.
Install instantly
Add the block directly using the shadcn CLI.
Works with your theme
Compatible with shadcn themes and token-based color systems.
MCP server support
Use shadcn MCP server right from your favorite AI tools.
Frequently Asked Questions
Yes. They follow shadcn/ui structure and are built for real products.
