Dice UI — 10 React Components, Preview & Copy | 21st

Dice UI

Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS; copy-paste ready.

by Dice UI

35components51Kviews123bookmarks

Installs all 51 components. Without our CLI, run instead.

Auto-indexed

Status

Swap

Circular Progress

Banner

Scroll Spy

Compare Slider

Pending

About Dice UI

Dice UI publishes a shadcn registry at diceui.com, with 51 components installable through the shadcn CLI.

Components: 51
GitHub stars: 2,058
Last commit: Jun 29, 2026
Repository: sadmann7/diceui

Also in the Dice UI registry

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

action-bar
radix-ui2 files2 examples
angle-slider
radix-ui3 files5 examples
avatar-group
radix-ui1 file5 examples
badge-overflow
radix-ui2 files3 examples
checkbox-group
@diceui/checkbox-group1 file5 examples
client-only
1 file
color-picker
radix-ui3 files4 examples
color-swatch
radix-ui1 file3 examples
cropper
radix-ui2 files5 examples
direction-provider
1 file
editable
radix-ui3 files5 examples
file-upload
radix-ui1 file8 examples
fps
1 file2 examples
gauge
radix-ui2 files4 examples
hitbox
radix-ui1 file5 examples
kanban
@dnd-kit/core, @dnd-kit/modifiers, @dnd-kit/sortable, @dnd-kit/utilities2 files2 examples
key-value
radix-ui3 files4 examples
listbox
@diceui/listbox1 file4 examples
marquee
radix-ui2 files4 examples
mask-input
radix-ui2 files5 examples
masonry
@diceui/masonry, radix-ui2 files3 examples
media-player
radix-ui, media-chrome2 files6 examples
mention
@diceui/mention1 file
phone-input
radix-ui3 files3 examples
portal
1 file
presence
1 file
qr-code
radix-ui, qrcode1 file4 examples
rating
radix-ui3 files4 examples
relative-time-card
radix-ui1 file1 example
responsive-dialog
vaul1 file2 examples
segmented-input
radix-ui1 file4 examples
selection-toolbar
@floating-ui/react-dom, radix-ui2 files2 examples
speed-dial
radix-ui2 files5 examples
stack
radix-ui1 file3 examples
stat
separator1 file3 examples
stepper
radix-ui2 files4 examples
tags-input
@diceui/tags-input1 file5 examples
timeline
radix-ui2 files1 example
time-picker
radix-ui3 files3 examples
tour
@floating-ui/react-dom, radix-ui2 files2 examples
visually-hidden
radix-ui1 file
visually-hidden-input
1 file