Steps Vertical Timeline · Sections

Components Themes Docs

Components
/
Steps
/
Steps Vertical Timeline

Steps Vertical Timeline

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

Steps timeline vertical icons0 views

More steps sections

Steps Numbered Row

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

Stepsnumberedrow2

Steps Onboarding Checklist

Tickable setup checklist with a live progress bar.

StepsInteractivechecklistinteractive1

Steps Roadmap Quarters

Quarterly roadmap columns with shipped, building and planned states.

Stepsroadmapquarters1

PreviousSteps Numbered Row NextSteps Onboarding Checklist

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.