klyv-ui

Game of Life

Component

About

An interactive Conway's Game of Life board rendered on a canvas, with play, pause, step, randomise, clear and a speed control, plus click-and-drag drawing of cells.

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

Code

How Game of Life is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import GameOfLife from "@/components/ui/game-of-life";

export default function GameOfLifeDemo() {
  return (
    <div className="flex w-full items-center justify-center bg-background p-10">
      <div className="w-full max-w-2xl">
        <GameOfLife />
      </div>
    </div>
  );
}

More by klyv-ui

View all
  • Gantt Chart

    Gantt Chart

    66
  • Klyv Animated Beam

    Klyv Animated Beam

    54
  • Shader Canvas

    Shader Canvas

    52
  • Pareto Chart

    Pareto Chart

    47
  • Sunburst Chart

    Sunburst Chart

    27
  • Gooey Loader

    Gooey Loader

    25
  • Fluid Canvas

    Fluid Canvas

    25
  • Gravity Tags

    Gravity Tags

    22