Projects 35 - Activity heat grid per projectPro

GitHub-style contribution grids, one per project, showing weekly activity with hoverable cells and totals.

About Projects 35

GitHub-style contribution grids, one per project, showing weekly activity with hoverable cells and totals.

Projects 35 is a pro projects block for React, built on shadcn/ui and Tailwind CSS. It ships as 129 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • activity
  • heatmap
  • contributions
  • github
  • grid

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/projects-35

Dependencies installed automatically: lucide-react.

Uses: reveal, utils.

Usage

import Projects35 from "@/components/blocks/projects-35"

export default function Page() {
  return <Projects35 />
}

FAQ