{"repo":"fishdev20/shadcn-heatmap","free":true,"listed":false,"github":"https://github.com/fishdev20/shadcn-heatmap","clone":"git clone https://github.com/fishdev20/shadcn-heatmap.git","description":"A reusable React heatmap calendar built with shadcn/ui and ailwind CSS. Visualize daily activity, fitness data, business metrics, IoT events, or learning progress with a GitHub-style heatmap.","language":"TypeScript","stars":33,"topics":["heatmap","heatmap-calendar","heatmap-visualization","nextjs","react","shadcn","shadcn-ui"],"license":null,"category":"ui-components","readme_excerpt":"React Heatmap Calendar (shadcn/ui) A GitHub-style heatmap calendar component built with React , Tailwind CSS , and shadcn/ui . ✔️ Copy-paste friendly ✔️ No charting libraries ✔️ Light & dark mode ✔️ Axis labels (months + weekdays) ✔️ Domain-agnostic (fitness, business, IoT, learning, etc.) --- ✨ Features - 📅 Calendar heatmap (GitHub-style) - 🧭 Axis labels - Months on top - Weekdays on the left - 🎨 Theme presets with copyable CSS variables - 🌗 Light / dark mode ready - 🧩 Domain-agnostic - fitness activity - business metrics - support tickets - learning progress - IoT events - 🧠 Smart data merging (duplicate dates are summed) - 🧪 Tooltips & click handlers - ⚡ No canvas, SVG, or heavy chart libraries --- 📸 Preview Live demo available in the repository / website. --- 🚀 Installation This component is designed to be copied directly into your project (like shadcn blocks). --- 1️⃣ Install dependencies 2️⃣ Add required shadcn/ui components 3️⃣ Copy the component files Copy the following file into your project: No provider. No configuration. No build step. --- 🔧 API Reference props Prop Type Default Description ----------------- ---------------------------------- ----------------- ---------------------------------------------- title string \"Activity\" Title displayed above the heatmap data HeatmapDatum[] required Daily aggregated data rangeDays number 365 Number of days to render (ending at endDate ) endDate Date new Date() Last date of the heatmap range weekStartsOn 0 \\ 1 1 W","default_branch":null,"files":null,"tree":[],"storefront":"/r/fishdev20","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/fishdev20/shadcn-heatmap/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}