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.

8bitcnbyOrcDev

"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>
  );
}

Dependencies

tailwindcss tw-animate-css

Source

8bitcn.com

Published

6/1/2026

Similar components

Explore more

Part of 8bitcn — browse the full library on 21st.dev.

Timeline components74 Steps components124 Retro components224 Pixel components51 Horizontal Step components5

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

8bit Timeline Horizontal

Dependencies

Tags

Source

Published

Similar components

Explore more