Sheet
A Sheet component for Figma that extends the functionality of a dialog by displaying content that complements the main screen. This UI element is perfect for mobile menus, filters, and supplementary information panels that slide in from the side.
Official shadcn/ui component. Available as part of our Base, Pro, and Pro + React Design Systems. For code and installation instructions, view the official shadcn/ui docs
Join 3,000+ builders shipping with shadcncraft
Get access to this component and the full library
Production-ready blocks and components with matching Figma and React.
Built for real interfaces
Each block is designed to work as part of a complete page, not just as a visual fragment.
Clear grids, consistent spacing, and predictable hierarchy.
Landing pages, dashboards, onboarding, pricing, e-commerce, and more.
Works seamlessly with semantic tokens and theming.
Designed with real content, tokenized spacing, and real interaction patterns.
Design in Figma and ship with aligned React components.
Mix blocks together to create complete pages without layout conflicts.
Frequently Asked Questions
Quick FAQs to get you started.
Still have questions? See all FAQs, or get support.
Yes. They follow shadcn/ui structure and are built for real products.