Components
Curated UI collection
Shadcn Heatmap React Components
Shadcn heatmap components provide a collection of React-based heat map visualizations built on the shadcn design system. With 60 total components available and 10 exact matches for heatmap functionality, you can find pre-built solutions for displaying density data, correlation matrices, and temporal patterns. These components integrate with shadcn's styling approach and component architecture, making them suitable for dashboards, analytics interfaces, and data visualization applications.
Heatmap Calendar
by Ruixen UI
Monthly Heatmap Calendar
by Ruixen UI
Animated Shadcn's Tabs
by Gaz
Heatmaps
by Airbnb
Animated Shadcn's Tabs
by Gaz
Anomaly heatmap
by Erik X
Chart filter
by shadcn
Hero Heatmap
by cult/ui
Heatmap · Sepia
by Paper Shaders
Heatmap
by Paper Shaders
Health Stat Card
by Ruixen UI
Table
by Origin UI
Heat Map XL
by REAVIZ
Animated Shadcn's Tabs
by Gaz
Table
by Origin UI
Table
by Origin UI
Heat Map middle
by REAVIZ
Heat Map
by REAVIZ
Table
by Origin UI
Table
by Origin UI
Table
by Origin UI
shadcn 404
by Dhileep Kumar GM
Stats Cards
by beratberkay
Table
by Origin UI
Multiple months range
by shadcn
Table
by Origin UI
Table
by Origin UI
Tooltip
by Origin UI
Grid Background
by Chris Tate
Shadcn Accordion
by ShadcnSpace
Table
by Origin UI
Tooltip
by Origin UI
HUD Area Chart
by Isaiah
Code Editor Sheet
by Bankk
Animated Shadcn Button
by Shadcn UI Kit
Health Stat Card
by ruhith
Table
by Origin UI
Icons
by shadcn
Data Card Display
by Sonu
Neuro Noise · Ghost
by Paper Shaders
Neuro Noise · Sensation
by Paper Shaders
Table
by Origin UI
Table
by Origin UI
Data Table
by shadcn
Neuro Noise · Bloodstream
by Paper Shaders
Table
by Origin UI
Badge Delta
by Serafim
Table
by Origin UI
Halftone Dots · LED screen
by Paper Shaders
Interactive Thermodynamic Grid
by Hossain Jahed
Shadow Blending
by Serafim
Dot Orbit · Shine
by Paper Shaders
Select
by Origin UI
Badge Delta
by Serafim
Alert
by Serafim
Table
by Origin UI
Banner
by Serafim
Table
by Origin UI
SHADER STATE
by vnantes
Calendar with week numbers
by shadcn
Frequently asked questions
How many shadcn heatmap components are available?
There are 60 shadcn heatmap components available in total, with 10 exact matches specifically designed for heatmap functionality.
What types of data can shadcn heatmap components display?
Shadcn heatmap components can display density data, correlation matrices, temporal patterns, and other data suitable for heat map visualization formats.
Are shadcn heatmap components built on the shadcn design system?
Yes, shadcn heatmap components are built using the shadcn design system and integrate with its styling approach and component architecture.