Steps Onboarding Checklist · Sections

Components Themes Docs

Components
/
Steps
/
Steps Onboarding Checklist

Steps Onboarding Checklist

Tickable setup checklist with a live progress bar.

StepsInteractivechecklist interactive onboarding1 views

More steps sections

Steps Numbered Row

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

Stepsnumberedrow2

Steps Vertical Timeline

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

Stepstimelinevertical1

Steps Roadmap Quarters

Quarterly roadmap columns with shipped, building and planned states.

Stepsroadmapquarters1

PreviousSteps Vertical Timeline NextSteps Roadmap Quarters

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.