shadcn Kit
Design system
Overview
Components
Button
Badge
Avatar
Card
Input
Field
Select
Dropdown Menu
Dialog
Sheet
Tabs
Accordion
Tooltip
Table
Chart
Blocks
Navbar
Hero
Hero Split
Logo Cloud
Features
Testimonials
Pricing Section
FAQ
CTA
Footer
Issue Card
Kanban Board
Plan Cards
Metric Card
Marketplace Table
Analytics Grid
Pivot Matrix
Rollup Table
Dense Grid
Quadrant Scatter
Combo Chart
Waterfall
Bullet Chart
Funnel
Payout Reconciliation
Cash Gap Timeline
ABC/XYZ Matrix
Pareto Chart
Formula Value
Cost Structure Bar
Category Treemap
Combo Chart + Brush
Cohort Heatmap
Data Freshness
Attention Band
Health Tile
Posture Card
Activity Feed
Share Card
Bar List Card
Composition Card
Timesheet Card
Goal Card
Survey Overview Card
Poll Results Card
Scale Distribution Card
Severity Card
Funnel Status Card
Rating Gauge Card
Store Header
Store Footer
Hero Carousel
Product Card
Product Grid
Product Carousel
Category Strip
Category Carousel
Chip Rail
Filter Sidebar
Product Gallery
Buy Box
Review Tabs
Spec List
Feature Story
Brand Cloud
Storefront Header
Storefront Footer
Search Overlay
Cart Drawer
Cart Lines
Order Summary
Checkout Steps
Purchase Panel
Compare Table
Order Card
Order Timeline
Saved Address & Cards
Account Sidebar
Promo Collage
Service Highlights
Help Center
Order Panel
Size Chart
Delivery Method Cards
Pickup Point List
Pickup Code Card
Customer Table
Customer Header
Customer List Sidebar
Detail Nav
Copy Field
Activity Timeline
Booking List
Invoice List
Project List
Deal Board
Search Results
Notification Menu
Command Palette
Templates
All templates
Toggle Sidebar
Gallery
Toggle theme
Select
Dropdown for choosing a single option.
shadcn docs
Select a fruit
▼