HomeBookmarks
Dice UIDice UI
Dice UI

Dice UI

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

DUby Dice UI
59components165.3Kviews362bookmarks

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

Auto-indexed

Dice UI contents

  • Selection ToolbarSelection Toolbar

    Selection Toolbar

  • Selection ToolbarSelection Toolbar

    Selection Toolbar

  • Visually Hidden InputVisually Hidden Input

    Visually Hidden Input

  • HitboxHitbox

    Hitbox

  • HitboxHitbox

    Hitbox

  • HitboxHitbox

    Hitbox

  • HitboxHitbox

    Hitbox

  • HitboxHitbox

    Hitbox

  • StackStack

    Stack

  • StackStack

    Stack

  • StackStack

    Stack

  • Kanban Board

    Kanban Board

  • Kanban Board

    Kanban Board

  • MentionMention

    Mention

  • TimelineTimeline

    Timeline

  • Avatar GroupAvatar Group

    Avatar Group

  • Avatar GroupAvatar Group

    Avatar Group

  • Avatar GroupAvatar Group

    Avatar Group

  • Avatar GroupAvatar Group

    Avatar Group

  • Avatar GroupAvatar Group

    Avatar Group

  • MarqueeMarquee

    Marquee

  • MarqueeMarquee

    Marquee

  • MarqueeMarquee

    Marquee

  • MarqueeMarquee

    Marquee

    • About Dice UI

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

    Components
    53
    GitHub stars
    2,096
    Last commit
    Oct 20, 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

    • 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

    • 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

    • presentation

      button2 examples

    • presentation-zoom-select

      select

    • 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

    From the Dice UI readme

    Dice UI

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

    Documentation

    Get started with Dice UI.

    Contributing

    Please read the contributing guide.

    Read the rest on GitHub →

    What Dice UI builds on

    The packages and primitives its components pull in, counted across the registry.

    button68label12form11input11select10slider9badge8tooltip7checkbox6avatar4hover-card4dropdown-menu3

    Hooks and utilities

    • combobox
    • use-as-ref
    • use-isomorphic-layout-effect
    • use-lazy-ref
    • use-mobile

    What Dice UI shipped recently

    Every appearance and removal our crawl has seen in the registry index.

    • presentationaddedSep 3, 2026
    • presentation-demoaddedSep 3, 2026
    • presentation-editing-demoaddedSep 3, 2026
    • presentation-zoom-selectaddedSep 3, 2026

    Registries like Dice UI

    coss

    coss

    by coss

    74

    components

    ReUI

    ReUI

    by Sean Hello

    262

    components

    Intent UI

    Intent UI

    by Intent UI

    25

    components

    Bundui

    Bundui

    by Shadcn UI Kit

    56

    components

    uiable

    uiable

    by uiable

    168

    components

    Browse every shadcn registry we track →

    Pace UI

    Pace UI

    by Pace UI

    12

    components

    1. Components
    2. /
    3. Dice UI
    4. /
    5. Dice UI

    Related libraries

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    Cnippet

    Cnippet

    by Cnippet

    347

    components

    HextaUI

    HextaUI

    by Preet Suthar

    119

    components

    ReUI

    ReUI

    by Sean Hello

    262

    components

    Geist

    Geist

    by tigran tumasov

    72

    components

    shadcn/ui

    shadcn/ui

    by shadcn

    87

    components

    About Dice UI

    Dice UI is a component library on 21st.dev by Dice UI with 19 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

    All 19 Dice UI components

    • Avatar Group
    • Banner
    • Circular Progress
    • Compare Slider
    • Composition
    • Hitbox
    • Kanban Board
    • Marquee
    • Mention
    • Pending
    • Scroller
    • Scroll Spy
    • Selection Toolbar

    Browse all component libraries →

  • Sortable
  • Stack
  • Status
  • Swap
  • Timeline
  • Visually Hidden Input