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
Figma UI component
Figma UI Showcase component
A UI Showcase component for Figma that displays interface mockups in a device-style frame. This shadcn/ui Figma component helps showcase product UI.
Usability tip
Keep mockups simple so they support rather than distract from your message.
Usage
Use in hero banners, feature sections, or case studies to visualise product UI.
Pro Marketing Components are available in our Pro 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