Habit Tracker Calendar

A monthly calendar that highlights completed days with check indicators and shows a running count of days completed this month for habit tracking.

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

import Particle from "@/components/ui/v-calendar-16";

export default function Default() {
  return (
    <div className="flex min-h-[420px] items-center justify-center p-6">
      <Particle />
    </div>
  );
}