Horizontal Steps

Horizontal Steps – Step-by-step progress tracker. Displays stages in a clean, horizontal layout with clear indicators. Perfect for onboarding flows, timelines, or multi-step processes.

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

import { Component } from "@/components/ui/horizontal-steps";

export default function DemoOne() {
  return <Component />;
}