Steps Numbered Row · Sections

Components Themes Docs

Components
/
Steps
/
Steps Numbered Row

Steps Numbered Row

Three numbered steps in a row, joined by a connecting rule.

Steps numbered row process1 views

More steps sections

Steps Vertical Timeline

Left-rail timeline with icon markers and a per-step duration.

Stepstimelinevertical

Steps Onboarding Checklist

Tickable setup checklist with a live progress bar.

StepsInteractivechecklistinteractive1

Steps Roadmap Quarters

Quarterly roadmap columns with shipped, building and planned states.

Stepsroadmapquarters

NextSteps Vertical Timeline

Sections

React sections that take every visual value from CSS custom properties, so a copied snippet looks the same in your project as it does here.

Library

All components
Theme presets
Documentation

Authoring

Admin guide
Manage components
Import & export

Built with Next.js, Prisma and Sucrase. Previews run in a sandboxed iframe.