8bit Timeline Horizontal

An 8-bit styled horizontal timeline block with numbered checkpoints on a dashed track. Renders steps horizontally on desktop and stacks vertically on mobile, with a retro pixel-font title and description. Fully prop-driven via title, description, and steps.

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

"use client";

import Timeline2 from "@/components/ui/8bit-timeline2";

export default function Default() {
  return (
    <div className="flex w-full min-h-screen items-center justify-center bg-background p-8 retro">
      <Timeline2 />
    </div>
  );
}