Commits Grid

Transforms any text into a GitHub-style commits grid, visually representing the text as contribution blocks.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Commits Grid to your project and fits it to your theme.

import * as React from "react"
import { CommitsGrid } from "@/components/ui/commits-grid"

const CommitsGridDemo = () => {
    return <CommitsGrid text="21st" />
}

export { CommitsGridDemo }