shadcn/ui Calendar Heatmap Component for Next.js/React Apps

Add a GitHub-style contribution graph to your Next.js/React dashboards.

This component reuses your existing shadcn/ui setup to visualize daily activity data.

Key Features:

• Horizontal scrolling layout
• 0-4 intensity scale with Tailwind colors
• Built-in tooltips for exact counts
• Fully customizable source code

👉 Blog Post

👉 GitHub Repo

👉 Live Demo