║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║

---

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

Key Features

• Composable by design - Build complex interfaces by combining simple, focused components
• Built on top of shadcn/ui - Uses the same design principles and styling approach as shadcn/ui
• Copy-paste ready - Same installation experience as shadcn/ui components
• Fully customizable - Built with Tailwind CSS and designed to match your design system
• Advanced functionality - Complex components like data tables, media players, and drag-and-drop interfaces

Why Dice UI?

Dice UI is a collection of fully composable components that extend shadcn/ui. These components are accessible and customizable to fit your needs. Dice UI is copy-paste ready, no complex setup or configuration required. Every component follows WCAG guidelines, includes proper ARIA attributes, and supports keyboard navigation out of the box.

Credits

• Radix UI - Core components.
• shadcn/ui - Components design and registry distribution.
• Fumadocs - Documentation.

║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║