Jahirul Islam

Retro Space Shooter GitHub Calendar

Component 283

About

An interactive GitHub contribution calendar that transforms into a playable retro space shooter game. Features smooth canvas animations, spaceship controls, particle explosions, and full dark mode support.

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

Code

How Retro Space Shooter GitHub Calendar is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { GithubCalendar } from "@/components/ui/retro-space-shooter-git-hub-calendar";

const settings = {
  cellSize: 15,
  cellGap: 4,
};

export default function GithubCalendarPreview(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <GithubCalendar
      username="Jahirul077"
      cellSize={s.cellSize}
      cellGap={s.cellGap}
    />
  );
}

More by Jahirul Islam

View all
  • Animated 404 Page

    Animated 404 Page

    32