Dice UI
Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS; copy-paste ready.
29components43.5Kviews111bookmarks
Installs all 51 components. Without our CLI, run instead.
Auto-indexed
Dice UI contents
Circular Progress
Circular Progress
Circular Progress
Banner
Banner
Banner
Scroll Spy
Scroll Spy
Compare Slider
Compare Slider
Compare Slider
Compare Slider
Compare Slider
Compare Slider
Compare Slider
Pending
Pending
Pending
Pending
Pending
Scroller
Scroller
Scroller
Scroller
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,056
- Last commit
- Jun 29, 2026
- Repository
- sadmann7/diceui
Also in the Dice UI registry
Each one installs on its own. Names link to the docs that ship them.
- ui/action-bar.tsxlib/compose-refs.tsaction-bar2 examplesradix-ui
- ui/angle-slider.tsxcomponents/visually-hidden-input.tsxlib/compose-refs.tsangle-slider5 examplesradix-ui
- ui/avatar-group.tsxavatar-group5 examplesradix-ui
- ui/badge-overflow.tsxlib/compose-refs.tsbadge-overflow3 examplesradix-ui
- ui/checkbox-group.tsxcheckbox-group5 examples@diceui/checkbox-group
- components/client-only.tsxclient-onlycomponent
- ui/color-picker.tsxcomponents/visually-hidden-input.tsxlib/compose-refs.tscolor-picker4 examplesradix-ui
- ui/color-swatch.tsxcolor-swatch3 examplesradix-ui
- ui/cropper.tsxlib/compose-refs.tscropper5 examplesradix-ui
- components/direction-provider.tsxdirection-providercomponent
- ui/editable.tsxcomponents/visually-hidden-input.tsxlib/compose-refs.tseditable5 examplesradix-ui
- ui/file-upload.tsxfile-upload8 examplesradix-ui
- ui/fps.tsxfps2 examples
- ui/gauge.tsxlib/compose-refs.tsgauge4 examplesradix-ui
- components/hitbox.tsxhitboxcomponent5 examplesradix-ui
- ui/kanban.tsxlib/compose-refs.tskanban2 examples@dnd-kit/core@dnd-kit/modifiers@dnd-kit/sortable@dnd-kit/utilities
- ui/key-value.tsxcomponents/visually-hidden-input.tsxlib/compose-refs.tskey-value4 examplesradix-ui
- ui/listbox.tsxlistbox4 examples@diceui/listbox
- ui/marquee.tsxlib/compose-refs.tsmarquee4 examplesradix-ui
- ui/mask-input.tsxlib/compose-refs.tsmask-input5 examplesradix-ui
- ui/masonry.tsxlib/compose-refs.tsmasonry3 examples@diceui/masonryradix-ui
- ui/media-player.tsxlib/compose-refs.tsmedia-player6 examplesradix-uimedia-chrome
- ui/mention.tsxmention@diceui/mention
- ui/phone-input.tsxcomponents/visually-hidden-input.tsxlib/compose-refs.tsphone-input3 examplesradix-ui
- components/portal.tsxportalcomponent
- components/presence.tsxpresencecomponent
- ui/qr-code.tsxqr-code4 examplesradix-uiqrcode
- ui/rating.tsxcomponents/visually-hidden-input.tsxlib/compose-refs.tsrating4 examplesradix-ui
- ui/relative-time-card.tsxrelative-time-card1 exampleradix-ui
- ui/responsive-dialog.tsxresponsive-dialog2 examplesvaul
- ui/segmented-input.tsxsegmented-input4 examplesradix-ui
- ui/selection-toolbar.tsxlib/compose-refs.tsselection-toolbar2 examples@floating-ui/react-domradix-ui
- ui/speed-dial.tsxlib/compose-refs.tsspeed-dial5 examplesradix-ui
- ui/stack.tsxstack3 examplesradix-ui
- ui/stat.tsxstat3 examplesseparator
- ui/status.tsxstatus4 examplesradix-ui
- ui/stepper.tsxlib/compose-refs.tsstepper4 examplesradix-ui
- ui/swap.tsxswap2 examplesradix-ui
- ui/tags-input.tsxtags-input5 examples@diceui/tags-input
- ui/timeline.tsxlib/compose-refs.tstimeline1 exampleradix-ui
- ui/time-picker.tsxcomponents/visually-hidden-input.tsxlib/compose-refs.tstime-picker3 examplesradix-ui
- ui/tour.tsxlib/compose-refs.tstour2 examples@floating-ui/react-domradix-ui
- components/visually-hidden.tsxvisually-hiddencomponentradix-ui
- components/visually-hidden-input.tsxvisually-hidden-inputcomponent
