React StepperFree

Minimal React stepper with clear completed, current, and upcoming states for multi-step flows.

Add to your project

Checking access...

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSS

Props

PropTypeDescription
stepsStepperStep[]Step titles with optional descriptions and icons
currentStepnumberZero-based active step index
onStepChange(index: number) => voidCalled when a completed step is selected
ariaLabelstringAccessible label for the progress navigation
classNamestringStyles for the outer navigation

More Forms Components

File Upload Component preview

Polished file upload component with drag and drop, validation, progress, errors, and removable file rows.