Vertical How It Works Timeline

A four-step vertical timeline section with a dashed connecting rail, numbered nodes and an icon per step, used to explain a product's onboarding or workflow process.

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

import HowItWorks02 from "@/components/ui/how-it-works-02";

export default function Preview() {
  return <HowItWorks02 />;
}