Activity heatmap

See a year of activity at a glance, one square per day.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://uiarc.dev/r/activity-heatmap.json

Files

• registry/components/activity-heatmap/activity-heatmap.tsx
• registry/components/activity-heatmap/activity-heatmap.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Chart Components
• React Chart Components
• Animated Chart Components
• Contribution Graph Components
• Animated Contribution Graph Components
• Data Display Components
• React Data Display Components
• Animated Data Display Components
• Heatmap Chart Components
• React Heatmap Chart Components
• Animated Heatmap Chart Components

More from Arc Library

• Bar chart
• Brush chart
• Donut chart
• Gauge
• Line chart
• Ridgeline
• Slope chart
• Sparkline
• Streamgraph
• Treemap
• Usage meter
• Waffle chart