Course outline with a progress bar above a numbered lesson timeline: checks for watched lessons, a play mark and Resume link on the current one, and durations on the right.
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/course-progressnpx shadcn add @01orbital/course-progressyarn shadcn add @01orbital/course-progressbunx --bun shadcn add @01orbital/course-progressPart 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/course-progress/index.tsx, as source you own and edit.
import CourseProgress from "@/components/blocks/timeline/course-progress"
export default function Example() {
return <CourseProgress />
}npm: @phosphor-icons/react. The CLI installs them for you.
Registry pieces it installs with it:
buttonprogressCase Visits
Case file card listing visits newest first on a timeline, the next visit above in muted ink with a hollow mark, each with notes and staff name, plus a Log visit button. Client component.
Flight Itinerary
Flight itinerary timeline with local times as titles, airport codes in Geist Mono tags, a layover row between legs, and a plane mark with a Boarding badge on the current leg.