Stepper with Square Badges

A multi-step form indicator with animated progress line, checkmarks for completed steps, and back/next/reset controls for guiding users through account setup or onboarding flows.

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

import StepperDemo from "@/components/ui/stepper-01";

export default function Demo() {
  return <StepperDemo />;
}