shadcn explorer

OFFICIALListed in the shadcn registry directory · imported automatically

diceui/radix

diceui.com registry.json

Add any item

npx shadcn@latest add <item-url>

246components

16live demos

1with motion

119building

105no preview

6hooks / libs

ui · no preview

Action Bar

example · no preview

Action Bar Demo

example · no preview

Action Bar Position Demo

ui · no preview

Angle Slider

example · no preview

Angle Slider Controlled Demo

example · no preview

Angle Slider Demo

example · no preview

Angle Slider Form Demo

example · no preview

Angle Slider Range Demo

example · no preview

Angle Slider Themes Demo

Avatar Group

example · no preview

Avatar Group Custom Overflow Demo

example · no preview

Avatar Group Demo

example · no preview

Avatar Group Icons Demo

example · no preview

Avatar Group Rtl Demo

example · no preview

Avatar Group Truncation Demo

Badge Overflow

example · no preview

Badge Overflow Demo

example · no preview

Badge Overflow Interactive Demo

example · no preview

Badge Overflow Multiline Demo

ui · no preview

Banner

example · no preview

Banner Demo

example · no preview

Banner Stacked Demo

Checkbox Group

Checkbox Group

example · no preview

Checkbox Group Animated Demo

example · no preview

Checkbox Group Demo

example · no preview

Checkbox Group Horizontal Demo

example · no preview

Checkbox Group Multi Selection Demo

example · no preview

Checkbox Group Validation Demo

Circular Progress

Circular Progress

example · no preview

Circular Progress Colors Demo

example · no preview

Circular Progress Demo

example · no preview

Circular Progress Interactive Demo

Client Only

Client Only

ui · no preview

Color Picker

example · no preview

Color Picker Controlled Demo

example · no preview

Color Picker Demo

example · no preview

Color Picker Form Demo

example · no preview

Color Picker Inline Demo

Color Swatch

Color Swatch

example · no preview

Color Swatch Demo

example · no preview

Color Swatch Sizes Demo

example · no preview

Color Swatch Transparency Demo

Combobox

Combobox

example · no preview

Combobox Custom Filter Demo

example · no preview

Combobox Debounced Demo

Combobox Demo

Combobox Demo

example · no preview

Combobox Groups Demo

example · no preview

Combobox Multiple Demo

example · no preview

Combobox Tags Demo

example · no preview

Combobox Virtualized Demo

ui · no preview

Compare Slider

example · no preview

Compare Slider Controlled Demo

example · no preview

Compare Slider Customization Demo

example · no preview

Compare Slider Demo

example · no preview

Compare Slider Vertical Demo

lib · no preview

Compose Refs

ui · no preview

Cropper

example · no preview

Cropper Controlled Demo

example · no preview

Cropper Demo

example · no preview

Cropper File Upload Demo

example · no preview

Cropper Shapes Demo

example · no preview

Cropper Video Demo

example · no preview

Data Grid Demo

example · no preview

Data Table Demo

Direction Provider

Direction Provider

ui · no preview

Editable

example · no preview

Editable Autosize Demo

example · no preview

Editable Demo

example · no preview

Editable Double Click Demo

example · no preview

Editable Form Demo

example · no preview

Editable Todo List Demo

ui · no preview

File Upload

example · no preview

File Upload Chat Input Demo

example · no preview

File Upload Circular Progress Demo

example · no preview

File Upload Demo

example · no preview

File Upload Direct Upload Demo

example · no preview

File Upload Fill Progress Demo

example · no preview

File Upload Form Demo

example · no preview

File Upload Uploadthing Demo

example · no preview

File Upload Validation Demo

Fps

Fps

example · no preview

Fps Demo

example · no preview

Fps Strategy Demo

Gauge

Gauge

example · no preview

Gauge Colors Demo

example · no preview

Gauge Demo

example · no preview

Gauge Sizes Demo

example · no preview

Gauge Variants Demo

Hitbox

Hitbox

example · no preview

Hitbox Debug Demo

example · no preview

Hitbox Demo

example · no preview

Hitbox Positions Demo

example · no preview

Hitbox Radii Demo

example · no preview

Hitbox Sizes Demo

Kanban

Kanban

example · no preview

Kanban Demo

example · no preview

Kanban Dynamic Overlay Demo

ui · no preview

Key Value

example · no preview

Key Value Demo

example · no preview

Key Value Form Demo

example · no preview

Key Value Paste Demo

example · no preview

Key Value Validation Demo

Listbox

Listbox

example · no preview

Listbox Demo

example · no preview

Listbox Grid Demo

example · no preview

Listbox Group Demo

example · no preview

Listbox Horizontal Demo

Marquee

Marquee

Marquee

example · no preview

Marquee Demo

example · no preview

Marquee Logo Demo

example · no preview

Marquee Rtl Demo

example · no preview

Marquee Vertical Demo

Mask Input

Mask Input

example · no preview

Mask Input Card Information Demo

example · no preview

Mask Input Custom Pattern Demo

example · no preview

Mask Input Demo

example · no preview

Mask Input Form Demo

example · no preview

Mask Input Validation Modes Demo

ui · no preview

Masonry

example · no preview

Masonry Demo

example · no preview

Masonry Linear Demo

example · no preview

Masonry Ssr Demo

building preview…

Media Player

building preview…

Media Player Audio Demo

building preview…

Media Player Demo

building preview…

Media Player Error Demo

building preview…

Media Player Hls Demo

building preview…

Media Player Playlist Demo

building preview…

Media Player Settings Demo

building preview…

Mention

building preview…

Mention Custom Filter Demo

building preview…

Mention Custom Trigger Demo

building preview…

Mention Demo

building preview…

Pending

building preview…

Pending Demo

building preview…

Pending Form Demo

building preview…

Pending Link Demo

building preview…

Pending Switch Demo

building preview…

Pending Wrapper Demo

building preview…

Phone Input

building preview…

Phone Input Custom Countries Demo

building preview…

Phone Input Demo

building preview…

Phone Input Form Demo

building preview…

Portal

building preview…

Presence

building preview…

Presentation

building preview…

Presentation Demo

building preview…

Presentation Editing Demo

building preview…

Presentation Zoom Select

building preview…

Qr Code

building preview…

Qr Code Customization Demo

building preview…

Qr Code Demo

building preview…

Qr Code Formats Demo

building preview…

Qr Code Overlay Demo

building preview…

Rating

building preview…

Rating Controlled Demo

building preview…

Rating Demo

building preview…

Rating Form Demo

building preview…

Rating Themes Demo

building preview…

Relative Time Card

building preview…

Relative Time Card Demo

building preview…

Relative Time Card Timezones Demo

building preview…

Relative Time Card Variants Demo

building preview…

Responsive Dialog

building preview…

Responsive Dialog Confirm Demo

building preview…

Responsive Dialog Demo

building preview…

Scroll Spy

building preview…

Scroll Spy Controlled Demo

building preview…

Scroll Spy Demo

building preview…

Scroll Spy Vertical Demo

building preview…

Scroller

building preview…

Scroller Demo

building preview…

Scroller Hidden Demo

building preview…

Scroller Horizontal Demo

building preview…

Scroller Navigation Demo

building preview…

Segmented Input

building preview…

Segmented Input Demo

building preview…

Segmented Input Form Demo

building preview…

Segmented Input Rgb Demo

building preview…

Segmented Input Vertical Demo

building preview…

Selection Toolbar

building preview…

Selection Toolbar Demo

building preview…

Selection Toolbar Info Demo

building preview…

Sortable

building preview…

Sortable Demo

building preview…

Sortable Dynamic Overlay Demo

building preview…

Sortable Handle Demo

building preview…

Sortable Primitive Values Demo

building preview…

Speed Dial

building preview…

Speed Dial Controlled Demo

building preview…

Speed Dial Demo

building preview…

Speed Dial Hover Demo

building preview…

Speed Dial Labels Demo

building preview…

Speed Dial Side Demo

building preview…

Stack

building preview…

Stack Demo

building preview…

Stack No Expand Demo

building preview…

Stack Side Demo

building preview…

Stat

building preview…

Stat Demo

building preview…

Stat Layout Demo

building preview…

Stat Variants Demo

building preview…

Status

building preview…

Status Demo

building preview…

Status List Demo

building preview…

Status Text Only Demo

building preview…

Status Variants Demo

building preview…

Stepper

building preview…

Stepper Demo

building preview…

Stepper Form Demo

building preview…

Stepper Validation Demo

building preview…

Stepper Vertical Demo

building preview…

Swap

building preview…

Swap Animations Demo

building preview…

Swap Demo

building preview…

Tags Input

building preview…

Tags Input Demo

building preview…

Tags Input Editable Demo

building preview…

Tags Input Sortable Demo

building preview…

Tags Input Validation Demo

building preview…

Time Picker

building preview…

Time Picker Controlled Demo

building preview…

Time Picker Demo

building preview…

Time Picker Form Demo

building preview…

Time Picker Input Group Click Action Demo

building preview…

Time Picker Open On Focus Demo

building preview…

Time Picker Placeholder Demo

building preview…

Time Picker Seconds Demo

building preview…

Time Picker Step Demo

building preview…

Timeline

building preview…

Timeline Alternate Demo

building preview…

Timeline Custom Dot Demo

building preview…

Timeline Demo

building preview…

Timeline Horizontal Alternate Demo

building preview…

Timeline Horizontal Demo

building preview…

Timeline Rtl Demo

building preview…

Tour

building preview…

Tour Controlled Demo

building preview…

Tour Demo

hook · no preview

Use As Ref

hook · no preview

Use Isomorphic Layout Effect

hook · no preview

Use Lazy Ref

hook · no preview

Use Mobile

lib · no preview

Utils

building preview…

Visually Hidden

building preview…

Visually Hidden Input