ReUI stepper - Stepper with dotted progress

Component 8

About

5 label-free dots for a workspace setup flow, with the step count, name and hint of the selected step shown below.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds ReUI stepper - Stepper with dotted progress to your project and fits it to your theme.

Code

How ReUI stepper - Stepper with dotted progress is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";
import Component from "@/components/ui/reui-stepper-17";
import {ThemeProvider} from "next-themes";
export default function LibraryRegistryPreview(){const theme=typeof window!=="undefined"&&new URLSearchParams(window.location.search).get("theme")==="light"?"light":"dark";return <ThemeProvider defaultTheme={theme} enableSystem={false}><div data-component-demo data-theme={theme} className={theme+" style-nova"}><div><Component/></div></div></ThemeProvider>}