Order tracking card with an In transit badge and five shipping steps: filled checks for done steps, a ring on the current one, and faint dots with expected times for steps ahead.
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.
pnpm dlx shadcn add @01orbital/order-trackingnpx shadcn add @01orbital/order-trackingyarn shadcn add @01orbital/order-trackingbunx --bun shadcn add @01orbital/order-trackingPart 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/timeline/order-tracking/index.tsx, as source you own and edit.
import OrderTracking from "@/components/blocks/timeline/order-tracking"
export default function Example() {
return <OrderTracking />
}npm: @phosphor-icons/react. The CLI installs them for you.
Registry pieces it installs with it:
badgecardMeeting Agenda
Meeting agenda with start times and durations down the rail, item titles and notes in the middle and presenters on the right. The live item carries the ring and a Now badge.
Project Phases
Project roadmap of four phases on a timeline, each with a date range, summary and owner. Finished phases check, the current one carries a Now badge and later ones are muted.