Stop Rebuilding UI

Reviews Heatmap Activity

A GitHub-style review activity heatmap for React and Next.js with color-coded cells, interactive hover tooltips, month labels, weekday axis, summary statistics, and streak tracking built with shadcn/ui and Tailwind CSS

Scroll to load preview

Visualize customer review submission patterns with this GitHub-style activity heatmap block for React and Next.js. Features a 16-week color-intensity grid with interactive hover state showing date and review count per cell, month grouping labels, weekday row labels, total review count, daily average, current streak, and longest streak statistics. Built with TypeScript, shadcn/ui Badge and Tooltip components, motion/react staggered entrance animations, and Tailwind CSS. Perfect for analytics dashboards, review moderation panels, customer feedback monitoring tools, and product management reporting.

FAQ

Last updated on April 5, 2026

Was this page helpful?

Sign in to leave feedback.