Components
Curated UI collection
Shadcn Heatmap React Components
Shadcn heatmap components provide data visualization solutions for React applications. Browse 60 available heatmap implementations and integrations built on the shadcn component system. Whether you need calendar heatmaps, correlation matrices, or activity visualizations, discover components that integrate with shadcn's design patterns and theming system.
Table
by Origin UI
Table
by Origin UI
Command
by Origin UI
Table
by Origin UI
Badge Delta
by Serafim
Select
by Origin UI
Badge Delta
by Serafim
Table
by Origin UI
Icons
by shadcn
Shader Svg
by reuno-ui
Grid Background
by Chris Tate
Stats Cards
by Berat Berkay Gökdemir
Accordion
by Origin UI
Badge Delta
by Serafim
Table
by Origin UI
ATC shader
by xordev
Alert
by Serafim
Chart filter
by shadcn
Button
by Origin UI
Table
by Origin UI
Table
by Origin UI
Code Editor Sheet
by Bankk roll
Slider
by Origin UI
Table
by Origin UI
Table
by Origin UI
Dialog
by Origin UI
Shadcn Accordion
by ShadcnSpace
Table
by Origin UI
Table
by Origin UI
Data Table
by shadcn
Health Stat Card
by Ruixen
Table
by Origin UI
Table
by Origin UI
Select (Native)
by Origin UI
Tabs
by Origin UI
Table
by Origin UI
Alert
by Serafim
Table
by Origin UI
Avatar
by Origin UI
Banner
by Serafim
Dropdown Menu
by Origin UI
Heatmap Calendar
by Ruixen
Hive
by xordev
Input
by Origin UI
Alert
by Serafim
Tooltip
by Origin UI
Animated Shadcn Button
by Bundui.io
Avatar
by Origin UI
Button
by Origin UI
Data Card Display
by Sonu kumar
Multiple months range
by shadcn
Alert
by Serafim
Input with inner tags
by Origin UI
Accordion
by Origin UI
Calendar with event slots
by shadcn
Select
by Origin UI
What’s in this collection
- 3 of 33 use Motion
- 12 of 33 use Radix
- 5 of 33 use Lucide icons
- 12 need nothing beyond React and Tailwind
- Most common dependencies: @radix-ui/react-icons, lucide-react, motion