Timeline
Timeline blocks: compare
Every Timeline block side by side: whether it follows the theme or stays dark, the stock parts it is built on, and whether it is free. Open one for its preview, props and install.
Compare
| Block | Theme | Uses | Access |
|---|---|---|---|
| Approval Flow | Light and dark | Badge, Button, Card | Licensed |
| Case Visits | Light and dark | Badge, Button, Card | Licensed |
| Course Progress | Light and dark | Button, Progress | Licensed |
| Flight Itinerary | Light and dark | Badge | Free |
| Incident Timeline | Light and dark | Badge | Free |
| Maintenance Windows | Light and dark | Badge, Button, Card | Licensed |
| Meeting Agenda | Light and dark | Badge | Licensed |
| Order Tracking | Light and dark | Badge, Card | Licensed |
| Project Phases | Light and dark | Badge | Licensed |
| Subscription Lifecycle | Light and dark | Badge, Button, Card | Licensed |
All Timeline blocks
10 blocks, A to Z.
Approval FlowLicensedPurchase request card with a status badge and a timeline of the requester and three approvers, each marked by a check, ring or faint dot for its state. The pending one has a Remind button. Client component.
Case VisitsLicensedCase 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.
Course ProgressLicensedCourse 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.
Flight ItineraryFreeFlight 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.
Incident TimelineFreeStatus-page incident report with a Resolved badge, duration and affected services in the header, then four updates newest first, from Resolved back to Investigating, each with a time and note.
Maintenance WindowsLicensedMaintenance schedule card with a Subscribe toggle and a timeline of windows: scheduled ones hollow, the running one ringed, completed ones muted, each with a state badge. Client component.
Meeting AgendaLicensedMeeting 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.
Order TrackingLicensedOrder 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.
Project PhasesLicensedProject 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.
Subscription LifecycleLicensedSubscription card tracing trial, charges, today and next renewal on one rail, with Manage plan and Cancel buttons. Cancelling rewrites the upcoming renewal as an end date. Client component.
Testimonial Card Grid
Heading and description above a three-column grid of six muted quote cards, each with a short quote, a greyscale Cloud Shape avatar, name and role.
Approval Flow
Purchase request card with a status badge and a timeline of the requester and three approvers, each marked by a check, ring or faint dot for its state. The pending one has a Remind button. Client component.