8bit Timeline Vertical

A vertical 8-bit timeline with connecting dashed line, numbered step icons, optional badges, and retro typography. Source-verbatim from the 8bitcn timeline1 block.

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

import Timeline1 from "@/components/ui/8bit-timeline1";

export default function Demo() {
  return (
    <div className="flex items-center justify-center min-h-screen p-8 retro">
      <Timeline1 />
    </div>
  );
}