ReUI stepper - Stepper with delivery stops and ETAs

Component

About

A vertical rail of 5 delivery addresses joined by dotted connectors, an On time badge on the current stop and arrival times on hover.

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

Code

How ReUI stepper - Stepper with delivery stops and ETAs 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-16";
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>}