Stepper

Orb Steps

Horizontal pill stepper for Account, Workspace and Invite team where each step's indicator is a Cloudy Nimbus disc: coral, lilac and moss. Done steps fill ink, the current step wears a ring, upcoming steps stay bare; the row stands alone, so your own form submit drives the step.

The source comes with full access.

One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.

Installation

pnpm dlx shadcn add @01orbital/orb-steps
npx shadcn add @01orbital/orb-steps
yarn shadcn add @01orbital/orb-steps
bunx --bun shadcn add @01orbital/orb-steps

Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).

It lands at components/blocks/stepper/orb-steps/index.tsx, as source you own and edit.

Usage

import AppOrbSteps from "@/components/blocks/stepper/orb-steps"

export default function Example() {
  return <AppOrbSteps />
}

Dependencies

Registry pieces it installs with it: