Add any item
471components
0live demos
0with motion
469building
0no preview
2hooks / libs
building preview…
Accordion
ui@shadcn-uiCOMMUNITY
building preview…
Accordion Demo
example@shadcn-uiCOMMUNITY
building preview…
Alert
ui@shadcn-uiCOMMUNITY
building preview…
Alert Demo
example@shadcn-uiCOMMUNITY
building preview…
Alert Destructive
example@shadcn-uiCOMMUNITY
building preview…
Alert Dialog
ui@shadcn-uiCOMMUNITY
building preview…
Alert Dialog Demo
example@shadcn-uiCOMMUNITY
building preview…
Aspect Ratio
ui@shadcn-uiCOMMUNITY
building preview…
Aspect Ratio Demo
example@shadcn-uiCOMMUNITY
building preview…
Attachment
ui@shadcn-uiCOMMUNITY
building preview…
Avatar
ui@shadcn-uiCOMMUNITY
building preview…
Avatar Demo
example@shadcn-uiCOMMUNITY
building preview…
Badge
ui@shadcn-uiCOMMUNITY
building preview…
Badge Demo
example@shadcn-uiCOMMUNITY
building preview…
Badge Destructive
example@shadcn-uiCOMMUNITY
building preview…
Badge Outline
example@shadcn-uiCOMMUNITY
building preview…
Badge Secondary
example@shadcn-uiCOMMUNITY
building preview…
Breadcrumb
ui@shadcn-uiCOMMUNITY
building preview…
Breadcrumb Demo
example@shadcn-uiCOMMUNITY
building preview…
Breadcrumb Dropdown
example@shadcn-uiCOMMUNITY
building preview…
Breadcrumb Ellipsis
example@shadcn-uiCOMMUNITY
building preview…
Breadcrumb Link
example@shadcn-uiCOMMUNITY
building preview…
Breadcrumb Responsive
example@shadcn-uiCOMMUNITY
building preview…
Breadcrumb Separator
example@shadcn-uiCOMMUNITY
building preview…
Bubble
ui@shadcn-uiCOMMUNITY
building preview…
Button
ui@shadcn-uiCOMMUNITY
building preview…
Button As Child
example@shadcn-uiCOMMUNITY
building preview…
Button Default
example@shadcn-uiCOMMUNITY
building preview…
Button Demo
example@shadcn-uiCOMMUNITY
building preview…
Button Destructive
example@shadcn-uiCOMMUNITY
building preview…
Button Ghost
example@shadcn-uiCOMMUNITY
building preview…
Button Group
ui@shadcn-uiCOMMUNITY
building preview…
Button Group Demo
example@shadcn-uiCOMMUNITY
building preview…
Button Group Dropdown
example@shadcn-uiCOMMUNITY
building preview…
Button Group Input
example@shadcn-uiCOMMUNITY
building preview…
Button Group Input Group
example@shadcn-uiCOMMUNITY
building preview…
Button Group Nested
example@shadcn-uiCOMMUNITY
building preview…
Button Group Orientation
example@shadcn-uiCOMMUNITY
building preview…
Button Group Popover
example@shadcn-uiCOMMUNITY
building preview…
Button Group Select
example@shadcn-uiCOMMUNITY
building preview…
Button Group Separator
example@shadcn-uiCOMMUNITY
building preview…
Button Group Size
example@shadcn-uiCOMMUNITY
building preview…
Button Group Split
example@shadcn-uiCOMMUNITY
building preview…
Button Icon
example@shadcn-uiCOMMUNITY
building preview…
Button Link
example@shadcn-uiCOMMUNITY
building preview…
Button Loading
example@shadcn-uiCOMMUNITY
building preview…
Button Outline
example@shadcn-uiCOMMUNITY
building preview…
Button Rounded
example@shadcn-uiCOMMUNITY
building preview…
Button Secondary
example@shadcn-uiCOMMUNITY
building preview…
Button Size
example@shadcn-uiCOMMUNITY
building preview…
Button With Icon
example@shadcn-uiCOMMUNITY
building preview…
Calendar
ui@shadcn-uiCOMMUNITY
building preview…
Calendar Demo
example@shadcn-uiCOMMUNITY
building preview…
Calendar Hijri
example@shadcn-uiCOMMUNITY
building preview…
Card
ui@shadcn-uiCOMMUNITY
building preview…
Card Demo
example@shadcn-uiCOMMUNITY
building preview…
Card With Form
example@shadcn-uiCOMMUNITY
building preview…
Carousel
ui@shadcn-uiCOMMUNITY
building preview…
Carousel Api
example@shadcn-uiCOMMUNITY
building preview…
Carousel Demo
example@shadcn-uiCOMMUNITY
building preview…
Carousel Orientation
example@shadcn-uiCOMMUNITY
building preview…
Carousel Plugin
example@shadcn-uiCOMMUNITY
building preview…
Carousel Size
example@shadcn-uiCOMMUNITY
building preview…
Carousel Spacing
example@shadcn-uiCOMMUNITY
building preview…
Chart
ui@shadcn-uiCOMMUNITY
building preview…
Chart Area Axes
block@shadcn-uiCOMMUNITY
building preview…
Chart Area Default
block@shadcn-uiCOMMUNITY
building preview…
Chart Area Gradient
block@shadcn-uiCOMMUNITY
building preview…
Chart Area Icons
block@shadcn-uiCOMMUNITY
building preview…
Chart Area Interactive
block@shadcn-uiCOMMUNITY
building preview…
Chart Area Legend
block@shadcn-uiCOMMUNITY
building preview…
Chart Area Linear
block@shadcn-uiCOMMUNITY
building preview…
Chart Area Stacked
block@shadcn-uiCOMMUNITY
building preview…
Chart Area Stacked Expand
block@shadcn-uiCOMMUNITY
building preview…
Chart Area Step
block@shadcn-uiCOMMUNITY
building preview…
Chart Bar Active
block@shadcn-uiCOMMUNITY
building preview…
Chart Bar Default
block@shadcn-uiCOMMUNITY
building preview…
Chart Bar Demo
example@shadcn-uiCOMMUNITY
building preview…
Chart Bar Demo Axis
example@shadcn-uiCOMMUNITY
building preview…
Chart Bar Demo Grid
example@shadcn-uiCOMMUNITY
building preview…
Chart Bar Demo Legend
example@shadcn-uiCOMMUNITY
building preview…
Chart Bar Demo Tooltip
example@shadcn-uiCOMMUNITY
building preview…
Chart Bar Horizontal
block@shadcn-uiCOMMUNITY
building preview…
Chart Bar Interactive
block@shadcn-uiCOMMUNITY
building preview…
Chart Bar Label
block@shadcn-uiCOMMUNITY
building preview…
Chart Bar Label Custom
block@shadcn-uiCOMMUNITY
building preview…
Chart Bar Mixed
block@shadcn-uiCOMMUNITY
building preview…
Chart Bar Multiple
block@shadcn-uiCOMMUNITY
building preview…
Chart Bar Negative
block@shadcn-uiCOMMUNITY
building preview…
Chart Bar Stacked
block@shadcn-uiCOMMUNITY
building preview…
Chart Line Default
block@shadcn-uiCOMMUNITY
building preview…
Chart Line Dots
block@shadcn-uiCOMMUNITY
building preview…
Chart Line Dots Colors
block@shadcn-uiCOMMUNITY
building preview…
Chart Line Dots Custom
block@shadcn-uiCOMMUNITY
building preview…
Chart Line Interactive
block@shadcn-uiCOMMUNITY
building preview…
Chart Line Label
block@shadcn-uiCOMMUNITY
building preview…
Chart Line Label Custom
block@shadcn-uiCOMMUNITY
building preview…
Chart Line Linear
block@shadcn-uiCOMMUNITY
building preview…
Chart Line Multiple
block@shadcn-uiCOMMUNITY
building preview…
Chart Line Step
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Donut
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Donut Active
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Donut Text
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Interactive
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Label
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Label Custom
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Label List
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Legend
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Separator None
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Simple
block@shadcn-uiCOMMUNITY
building preview…
Chart Pie Stacked
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Default
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Dots
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Grid Circle
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Grid Circle Fill
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Grid Circle No Lines
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Grid Custom
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Grid Fill
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Grid None
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Icons
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Label Custom
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Legend
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Lines Only
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Multiple
block@shadcn-uiCOMMUNITY
building preview…
Chart Radar Radius
block@shadcn-uiCOMMUNITY
building preview…
Chart Radial Grid
block@shadcn-uiCOMMUNITY
building preview…
Chart Radial Label
block@shadcn-uiCOMMUNITY
building preview…
Chart Radial Shape
block@shadcn-uiCOMMUNITY
building preview…
Chart Radial Simple
block@shadcn-uiCOMMUNITY
building preview…
Chart Radial Stacked
block@shadcn-uiCOMMUNITY
building preview…
Chart Radial Text
block@shadcn-uiCOMMUNITY
building preview…
Chart Tooltip Advanced
block@shadcn-uiCOMMUNITY
building preview…
Chart Tooltip Default
block@shadcn-uiCOMMUNITY
building preview…
Chart Tooltip Demo
example@shadcn-uiCOMMUNITY
building preview…
Chart Tooltip Formatter
block@shadcn-uiCOMMUNITY
building preview…
Chart Tooltip Icons
block@shadcn-uiCOMMUNITY
building preview…
Chart Tooltip Indicator Line
block@shadcn-uiCOMMUNITY
building preview…
Chart Tooltip Indicator None
block@shadcn-uiCOMMUNITY
building preview…
Chart Tooltip Label Custom
block@shadcn-uiCOMMUNITY
building preview…
Chart Tooltip Label Formatter
block@shadcn-uiCOMMUNITY
building preview…
Chart Tooltip Label None
block@shadcn-uiCOMMUNITY
building preview…
Checkbox
ui@shadcn-uiCOMMUNITY
building preview…
Checkbox Demo
example@shadcn-uiCOMMUNITY
building preview…
Checkbox Disabled
example@shadcn-uiCOMMUNITY
building preview…
Checkbox With Text
example@shadcn-uiCOMMUNITY
building preview…
Collapsible
ui@shadcn-uiCOMMUNITY
building preview…
Collapsible Demo
example@shadcn-uiCOMMUNITY
building preview…
Combobox
ui@shadcn-uiCOMMUNITY
building preview…
Combobox Demo
example@shadcn-uiCOMMUNITY
building preview…
Combobox Dropdown Menu
example@shadcn-uiCOMMUNITY
building preview…
Combobox Popover
example@shadcn-uiCOMMUNITY
building preview…
Combobox Responsive
example@shadcn-uiCOMMUNITY
building preview…
Command
ui@shadcn-uiCOMMUNITY
building preview…
Command Demo
example@shadcn-uiCOMMUNITY
building preview…
Command Dialog
example@shadcn-uiCOMMUNITY
building preview…
Context Menu
ui@shadcn-uiCOMMUNITY
building preview…
Context Menu Demo
example@shadcn-uiCOMMUNITY
building preview…
Dashboard 01
block@shadcn-uiCOMMUNITY
building preview…
Data Table Demo
example@shadcn-uiCOMMUNITY
building preview…
Date Picker Demo
example@shadcn-uiCOMMUNITY
building preview…
Date Picker With Presets
example@shadcn-uiCOMMUNITY
building preview…
Date Picker With Range
example@shadcn-uiCOMMUNITY
building preview…
Dialog
ui@shadcn-uiCOMMUNITY
building preview…
Dialog Close Button
example@shadcn-uiCOMMUNITY
building preview…
Dialog Demo
example@shadcn-uiCOMMUNITY
building preview…
Direction
ui@shadcn-uiCOMMUNITY
building preview…
Drawer
ui@shadcn-uiCOMMUNITY
building preview…
Drawer Demo
example@shadcn-uiCOMMUNITY
building preview…
Drawer Dialog
example@shadcn-uiCOMMUNITY
building preview…
Dropdown Menu
ui@shadcn-uiCOMMUNITY
building preview…
Dropdown Menu Checkboxes
example@shadcn-uiCOMMUNITY
building preview…
Dropdown Menu Demo
example@shadcn-uiCOMMUNITY
building preview…
Dropdown Menu Dialog
example@shadcn-uiCOMMUNITY
building preview…
Dropdown Menu Radio Group
example@shadcn-uiCOMMUNITY
building preview…
Empty
ui@shadcn-uiCOMMUNITY
building preview…
Empty Avatar
example@shadcn-uiCOMMUNITY
building preview…
Empty Avatar Group
example@shadcn-uiCOMMUNITY
building preview…
Empty Background
example@shadcn-uiCOMMUNITY
building preview…
Empty Demo
example@shadcn-uiCOMMUNITY
building preview…
Empty Icon
example@shadcn-uiCOMMUNITY
building preview…
Empty Input Group
example@shadcn-uiCOMMUNITY
building preview…
Empty Outline
example@shadcn-uiCOMMUNITY
building preview…
Field
ui@shadcn-uiCOMMUNITY
building preview…
Field Checkbox
example@shadcn-uiCOMMUNITY
building preview…
Field Choice Card
example@shadcn-uiCOMMUNITY
building preview…
Field Demo
example@shadcn-uiCOMMUNITY
building preview…
Field Fieldset
example@shadcn-uiCOMMUNITY
building preview…
Field Group
example@shadcn-uiCOMMUNITY
building preview…
Field Input
example@shadcn-uiCOMMUNITY
building preview…
Field Radio
example@shadcn-uiCOMMUNITY
building preview…
Field Responsive
example@shadcn-uiCOMMUNITY
building preview…
Field Select
example@shadcn-uiCOMMUNITY
building preview…
Field Slider
example@shadcn-uiCOMMUNITY
building preview…
Field Switch
example@shadcn-uiCOMMUNITY
building preview…
Field Textarea
example@shadcn-uiCOMMUNITY
building preview…
DM Sans
font@shadcn-uiCOMMUNITY
building preview…
EB Garamond
font@shadcn-uiCOMMUNITY
building preview…
Figtree
font@shadcn-uiCOMMUNITY
building preview…
Geist
font@shadcn-uiCOMMUNITY
building preview…
Geist Mono
font@shadcn-uiCOMMUNITY
building preview…
DM Sans (Heading)
font@shadcn-uiCOMMUNITY
building preview…
EB Garamond (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Figtree (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Geist (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Geist Mono (Heading)
font@shadcn-uiCOMMUNITY
building preview…
IBM Plex Sans (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Instrument Sans (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Instrument Serif (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Inter (Heading)
font@shadcn-uiCOMMUNITY
building preview…
JetBrains Mono (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Lora (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Manrope (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Merriweather (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Montserrat (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Noto Sans (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Noto Serif (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Nunito Sans (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Outfit (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Oxanium (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Playfair Display (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Public Sans (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Raleway (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Roboto (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Roboto Slab (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Source Sans 3 (Heading)
font@shadcn-uiCOMMUNITY
building preview…
Space Grotesk (Heading)
font@shadcn-uiCOMMUNITY
building preview…
IBM Plex Sans
font@shadcn-uiCOMMUNITY
building preview…
Instrument Sans
font@shadcn-uiCOMMUNITY
building preview…
Instrument Serif
font@shadcn-uiCOMMUNITY
building preview…
Inter
font@shadcn-uiCOMMUNITY
building preview…
JetBrains Mono
font@shadcn-uiCOMMUNITY
building preview…
Lora
font@shadcn-uiCOMMUNITY
building preview…
Manrope
font@shadcn-uiCOMMUNITY
building preview…
Merriweather
font@shadcn-uiCOMMUNITY
building preview…
Montserrat
font@shadcn-uiCOMMUNITY
building preview…
Noto Sans
font@shadcn-uiCOMMUNITY
building preview…
Noto Serif
font@shadcn-uiCOMMUNITY
building preview…
Nunito Sans
font@shadcn-uiCOMMUNITY
building preview…
Outfit
font@shadcn-uiCOMMUNITY
building preview…
Oxanium
font@shadcn-uiCOMMUNITY
building preview…
Playfair Display
font@shadcn-uiCOMMUNITY
building preview…
Public Sans
font@shadcn-uiCOMMUNITY
building preview…
Raleway
font@shadcn-uiCOMMUNITY
building preview…
Roboto
font@shadcn-uiCOMMUNITY
building preview…
Roboto Slab
font@shadcn-uiCOMMUNITY
building preview…
Source Sans 3
font@shadcn-uiCOMMUNITY
building preview…
Space Grotesk
font@shadcn-uiCOMMUNITY
building preview…
Form
ui@shadcn-uiCOMMUNITY
building preview…
Form Formisch Array
example@shadcn-uiCOMMUNITY
building preview…
Form Formisch Checkbox
example@shadcn-uiCOMMUNITY
building preview…
Form Formisch Complex
example@shadcn-uiCOMMUNITY
building preview…
Form Formisch Demo
example@shadcn-uiCOMMUNITY
building preview…
Form Formisch Input
example@shadcn-uiCOMMUNITY
building preview…
Form Formisch Radiogroup
example@shadcn-uiCOMMUNITY
building preview…
Form Formisch Select
example@shadcn-uiCOMMUNITY
building preview…
Form Formisch Switch
example@shadcn-uiCOMMUNITY
building preview…
Form Formisch Textarea
example@shadcn-uiCOMMUNITY
building preview…
Form Next Complex
example@shadcn-uiCOMMUNITY
building preview…
Form Next Demo
example@shadcn-uiCOMMUNITY
building preview…
Form Rhf Array
example@shadcn-uiCOMMUNITY
building preview…
Form Rhf Checkbox
example@shadcn-uiCOMMUNITY
building preview…
Form Rhf Complex
example@shadcn-uiCOMMUNITY
building preview…
Form Rhf Demo
example@shadcn-uiCOMMUNITY
building preview…
Form Rhf Input
example@shadcn-uiCOMMUNITY
building preview…
Form Rhf Password
example@shadcn-uiCOMMUNITY
building preview…
Form Rhf Radiogroup
example@shadcn-uiCOMMUNITY
building preview…
Form Rhf Select
example@shadcn-uiCOMMUNITY
building preview…
Form Rhf Switch
example@shadcn-uiCOMMUNITY
building preview…
Form Rhf Textarea
example@shadcn-uiCOMMUNITY
building preview…
Form Tanstack Array
example@shadcn-uiCOMMUNITY
building preview…
Form Tanstack Checkbox
example@shadcn-uiCOMMUNITY
building preview…
Form Tanstack Complex
example@shadcn-uiCOMMUNITY
building preview…
Form Tanstack Demo
example@shadcn-uiCOMMUNITY
building preview…
Form Tanstack Input
example@shadcn-uiCOMMUNITY
building preview…
Form Tanstack Radiogroup
example@shadcn-uiCOMMUNITY
building preview…
Form Tanstack Select
example@shadcn-uiCOMMUNITY
building preview…
Form Tanstack Switch
example@shadcn-uiCOMMUNITY
building preview…
Form Tanstack Textarea
example@shadcn-uiCOMMUNITY
building preview…
Hover Card
ui@shadcn-uiCOMMUNITY
building preview…
Hover Card Demo
example@shadcn-uiCOMMUNITY
building preview…
Index
style@shadcn-uiCOMMUNITY
building preview…
Input
ui@shadcn-uiCOMMUNITY
building preview…
Input Demo
example@shadcn-uiCOMMUNITY
building preview…
Input Disabled
example@shadcn-uiCOMMUNITY
building preview…
Input File
example@shadcn-uiCOMMUNITY
building preview…
Input Group
ui@shadcn-uiCOMMUNITY
building preview…
Input Group Button
example@shadcn-uiCOMMUNITY
building preview…
Input Group Button Group
example@shadcn-uiCOMMUNITY
building preview…
Input Group Custom
example@shadcn-uiCOMMUNITY
building preview…
Input Group Demo
example@shadcn-uiCOMMUNITY
building preview…
Input Group Dropdown
example@shadcn-uiCOMMUNITY
building preview…
Input Group Icon
example@shadcn-uiCOMMUNITY
building preview…
Input Group Label
example@shadcn-uiCOMMUNITY
building preview…
Input Group Spinner
example@shadcn-uiCOMMUNITY
building preview…
Input Group Text
example@shadcn-uiCOMMUNITY
building preview…
Input Group Textarea
example@shadcn-uiCOMMUNITY
building preview…
Input Group Tooltip
example@shadcn-uiCOMMUNITY
building preview…
Input Otp
ui@shadcn-uiCOMMUNITY
building preview…
Input Otp Controlled
example@shadcn-uiCOMMUNITY
building preview…
Input Otp Demo
example@shadcn-uiCOMMUNITY
building preview…
Input Otp Pattern
example@shadcn-uiCOMMUNITY
building preview…
Input Otp Separator
example@shadcn-uiCOMMUNITY
building preview…
Input With Button
example@shadcn-uiCOMMUNITY
building preview…
Input With Label
example@shadcn-uiCOMMUNITY
building preview…
Input With Text
example@shadcn-uiCOMMUNITY
building preview…
Item
ui@shadcn-uiCOMMUNITY
building preview…
Item Avatar
example@shadcn-uiCOMMUNITY
building preview…
Item Demo
example@shadcn-uiCOMMUNITY
building preview…
Item Dropdown
example@shadcn-uiCOMMUNITY
building preview…
Item Group
example@shadcn-uiCOMMUNITY
building preview…
Item Header
example@shadcn-uiCOMMUNITY
building preview…
Item Icon
example@shadcn-uiCOMMUNITY
building preview…
Item Image
example@shadcn-uiCOMMUNITY
building preview…
Item Link
example@shadcn-uiCOMMUNITY
building preview…
Item Size
example@shadcn-uiCOMMUNITY
building preview…
Item Variant
example@shadcn-uiCOMMUNITY
building preview…
Kbd
ui@shadcn-uiCOMMUNITY
building preview…
Kbd Button
example@shadcn-uiCOMMUNITY
building preview…
Kbd Demo
example@shadcn-uiCOMMUNITY
building preview…
Kbd Group
example@shadcn-uiCOMMUNITY
building preview…
Kbd Input Group
example@shadcn-uiCOMMUNITY
building preview…
Kbd Tooltip
example@shadcn-uiCOMMUNITY
building preview…
Label
ui@shadcn-uiCOMMUNITY
building preview…
Label Demo
example@shadcn-uiCOMMUNITY
building preview…
Login 01
block@shadcn-uiCOMMUNITY
building preview…
Login 02
block@shadcn-uiCOMMUNITY
building preview…
Login 03
block@shadcn-uiCOMMUNITY
building preview…
Login 04
block@shadcn-uiCOMMUNITY
building preview…
Login 05
block@shadcn-uiCOMMUNITY
building preview…
Marker
ui@shadcn-uiCOMMUNITY
building preview…
Menubar
ui@shadcn-uiCOMMUNITY
building preview…
Menubar Demo
example@shadcn-uiCOMMUNITY
building preview…
Message
ui@shadcn-uiCOMMUNITY
building preview…
Message Scroller
ui@shadcn-uiCOMMUNITY
building preview…
Mode Toggle
example@shadcn-uiCOMMUNITY
building preview…
Native Select
ui@shadcn-uiCOMMUNITY
building preview…
Native Select Demo
example@shadcn-uiCOMMUNITY
building preview…
Native Select Disabled
example@shadcn-uiCOMMUNITY
building preview…
Native Select Groups
example@shadcn-uiCOMMUNITY
building preview…
Native Select Invalid
example@shadcn-uiCOMMUNITY
building preview…
Navigation Menu
ui@shadcn-uiCOMMUNITY
building preview…
Navigation Menu Demo
example@shadcn-uiCOMMUNITY
building preview…
Pagination
ui@shadcn-uiCOMMUNITY
building preview…
Pagination Demo
example@shadcn-uiCOMMUNITY
building preview…
Popover
ui@shadcn-uiCOMMUNITY
building preview…
Popover Demo
example@shadcn-uiCOMMUNITY
building preview…
Progress
ui@shadcn-uiCOMMUNITY
building preview…
Progress Demo
example@shadcn-uiCOMMUNITY
building preview…
Radio Group
ui@shadcn-uiCOMMUNITY
building preview…
Radio Group Demo
example@shadcn-uiCOMMUNITY
building preview…
Resizable
ui@shadcn-uiCOMMUNITY
building preview…
Resizable Demo
example@shadcn-uiCOMMUNITY
building preview…
Resizable Demo With Handle
example@shadcn-uiCOMMUNITY
building preview…
Resizable Handle
example@shadcn-uiCOMMUNITY
building preview…
Resizable Vertical
example@shadcn-uiCOMMUNITY
building preview…
Scroll Area
ui@shadcn-uiCOMMUNITY
building preview…
Scroll Area Demo
example@shadcn-uiCOMMUNITY
building preview…
Scroll Area Horizontal Demo
example@shadcn-uiCOMMUNITY
building preview…
Select
ui@shadcn-uiCOMMUNITY
building preview…
Select Demo
example@shadcn-uiCOMMUNITY
building preview…
Select Scrollable
example@shadcn-uiCOMMUNITY
building preview…
Separator
ui@shadcn-uiCOMMUNITY
building preview…
Separator Demo
example@shadcn-uiCOMMUNITY
building preview…
Sheet
ui@shadcn-uiCOMMUNITY
building preview…
Sheet Demo
example@shadcn-uiCOMMUNITY
building preview…
Sheet Side
example@shadcn-uiCOMMUNITY
building preview…
Sidebar
ui@shadcn-uiCOMMUNITY
building preview…
Sidebar 01
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 02
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 03
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 04
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 05
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 06
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 07
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 08
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 09
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 10
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 11
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 12
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 13
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 14
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 15
block@shadcn-uiCOMMUNITY
building preview…
Sidebar 16
block@shadcn-uiCOMMUNITY
building preview…
Sidebar Controlled
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Demo
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Footer
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Group
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Group Action
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Group Collapsible
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Header
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Menu
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Menu Action
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Menu Badge
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Menu Collapsible
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Menu Sub
unknown@shadcn-uiCOMMUNITY
building preview…
Sidebar Rsc
unknown@shadcn-uiCOMMUNITY
building preview…
Signup 01
block@shadcn-uiCOMMUNITY
building preview…
Signup 02
block@shadcn-uiCOMMUNITY
building preview…
Signup 03
block@shadcn-uiCOMMUNITY
building preview…
Signup 04
block@shadcn-uiCOMMUNITY
building preview…
Signup 05
block@shadcn-uiCOMMUNITY
building preview…
Skeleton
ui@shadcn-uiCOMMUNITY
building preview…
Skeleton Card
example@shadcn-uiCOMMUNITY
building preview…
Skeleton Demo
example@shadcn-uiCOMMUNITY
building preview…
Slider
ui@shadcn-uiCOMMUNITY
building preview…
Slider Demo
example@shadcn-uiCOMMUNITY
building preview…
Sonner
ui@shadcn-uiCOMMUNITY
building preview…
Sonner Demo
example@shadcn-uiCOMMUNITY
building preview…
Sonner Types
example@shadcn-uiCOMMUNITY
building preview…
Spinner
ui@shadcn-uiCOMMUNITY
building preview…
Spinner Badge
example@shadcn-uiCOMMUNITY
building preview…
Spinner Basic
example@shadcn-uiCOMMUNITY
building preview…
Spinner Button
example@shadcn-uiCOMMUNITY
building preview…
Spinner Color
example@shadcn-uiCOMMUNITY
building preview…
Spinner Custom
example@shadcn-uiCOMMUNITY
building preview…
Spinner Demo
example@shadcn-uiCOMMUNITY
building preview…
Spinner Empty
example@shadcn-uiCOMMUNITY
building preview…
Spinner Input Group
example@shadcn-uiCOMMUNITY
building preview…
Spinner Item
example@shadcn-uiCOMMUNITY
building preview…
Spinner Size
example@shadcn-uiCOMMUNITY
building preview…
Style
style@shadcn-uiCOMMUNITY
building preview…
Switch
ui@shadcn-uiCOMMUNITY
building preview…
Switch Demo
example@shadcn-uiCOMMUNITY
building preview…
Table
ui@shadcn-uiCOMMUNITY
building preview…
Table Demo
example@shadcn-uiCOMMUNITY
building preview…
Tabs
ui@shadcn-uiCOMMUNITY
building preview…
Tabs Demo
example@shadcn-uiCOMMUNITY
building preview…
Textarea
ui@shadcn-uiCOMMUNITY
building preview…
Textarea Demo
example@shadcn-uiCOMMUNITY
building preview…
Textarea Disabled
example@shadcn-uiCOMMUNITY
building preview…
Textarea With Button
example@shadcn-uiCOMMUNITY
building preview…
Textarea With Label
example@shadcn-uiCOMMUNITY
building preview…
Textarea With Text
example@shadcn-uiCOMMUNITY
building preview…
Theme Gray
theme@shadcn-uiCOMMUNITY
building preview…
Theme Neutral
theme@shadcn-uiCOMMUNITY
building preview…
Theme Slate
theme@shadcn-uiCOMMUNITY
building preview…
Theme Stone
theme@shadcn-uiCOMMUNITY
building preview…
Theme Zinc
theme@shadcn-uiCOMMUNITY
building preview…
Toggle
ui@shadcn-uiCOMMUNITY
building preview…
Toggle Demo
example@shadcn-uiCOMMUNITY
building preview…
Toggle Disabled
example@shadcn-uiCOMMUNITY
building preview…
Toggle Group
ui@shadcn-uiCOMMUNITY
building preview…
Toggle Group Demo
example@shadcn-uiCOMMUNITY
building preview…
Toggle Group Disabled
example@shadcn-uiCOMMUNITY
building preview…
Toggle Group Lg
example@shadcn-uiCOMMUNITY
building preview…
Toggle Group Outline
example@shadcn-uiCOMMUNITY
building preview…
Toggle Group Single
example@shadcn-uiCOMMUNITY
building preview…
Toggle Group Sm
example@shadcn-uiCOMMUNITY
building preview…
Toggle Group Spacing
example@shadcn-uiCOMMUNITY
building preview…
Toggle Lg
example@shadcn-uiCOMMUNITY
building preview…
Toggle Outline
example@shadcn-uiCOMMUNITY
building preview…
Toggle Sm
example@shadcn-uiCOMMUNITY
building preview…
Toggle With Text
example@shadcn-uiCOMMUNITY
building preview…
Tooltip
ui@shadcn-uiCOMMUNITY
building preview…
Tooltip Demo
example@shadcn-uiCOMMUNITY
building preview…
Typography Blockquote
example@shadcn-uiCOMMUNITY
building preview…
Typography Demo
example@shadcn-uiCOMMUNITY
building preview…
Typography H1
example@shadcn-uiCOMMUNITY
building preview…
Typography H2
example@shadcn-uiCOMMUNITY
building preview…
Typography H3
example@shadcn-uiCOMMUNITY
building preview…
Typography H4
example@shadcn-uiCOMMUNITY
building preview…
Typography Inline Code
example@shadcn-uiCOMMUNITY
building preview…
Typography Large
example@shadcn-uiCOMMUNITY
building preview…
Typography Lead
example@shadcn-uiCOMMUNITY
building preview…
Typography List
example@shadcn-uiCOMMUNITY
building preview…
Typography Muted
example@shadcn-uiCOMMUNITY
building preview…
Typography P
example@shadcn-uiCOMMUNITY
building preview…
Typography Small
example@shadcn-uiCOMMUNITY
building preview…
Typography Table
example@shadcn-uiCOMMUNITY
hook · no preview
Use Mobile
hook@shadcn-uiCOMMUNITY
lib · no preview
Utils
lib@shadcn-uiCOMMUNITY