shadcn/ui Components
Accordion
Alert
Alert Dialog
Avatar
Badge
Breadcrumb
Button
Calendar
Card
Carousel
Chart
Checkbox
Collapsible
Combobox
Command
Context Menu
Data Table
Date Picker
Dialog
Drawer
Dropdown Menu
Form
Hover Card
Input
Input OTP
Label
Menubar
Navigation Menu
Pagination
Popover
Progress
Radio Group
Resizable
Scroll-area
Select
Separator
Sheet
Sidebar
Skeleton
Slider
Sonner
Switch
Table
Tabs
Textarea
Toast
Toggle
Toggle Group
Tooltip
Pro Marketing Components
Blog Blockquote
Blog Feature Text
Blog Heading
Blog Image
Blog Listing Card
Blog Paragraph
Feature Chip
Feature Stack
Featured Icon
Job Listing
List
Location Dot
Metric
Mobile Primary Nav Item
Page Title
Placeholder Logo
Placeholder Logo Mark
Placeholder UI Mockup
Pricing Card
Profile Card
Section Heading
Star Rating
Sub Feature
Figma UI component
Figma Sheet component
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.
Usability tip
Use a sheet when you need to show secondary content without completely covering the primary screen, as a modal might.
Usage
Ideal for filter options on mobile, complex forms, or user profile settings that slide in from the side.
shadcn/ui Components are available in our Base Figma UI Kit.
Stay in the know
Keep updated on all things happening with Shadcraft.
We respect your privacy
Stay in the know
Keep updated on all things happening with Shadcraft.
We respect your privacy
Stay in the know
Keep updated on all things happening with Shadcraft.
We respect your privacy