# timeline

Featured Animations⚛ TSX Live preview

Stagger Timeline Grid

A 12-cell grid that springs in with an 80ms waterfall delay — the anime.js stagger() pattern in vanilla JS.

8k44.6k7.8kOpen

Pulse Activity Feed · Deep Indigo

A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Deep Indigo palette.

38600Open

Pulse Activity Feed · Aurora Teal

A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Aurora Teal palette.

72400Open

Pulse Activity Feed · Mono Pearl

A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Mono Pearl palette.

23300Open

Pulse Activity Feed · Ultra Violet

A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Ultra Violet palette.

13300Open

Pulse Activity Feed · Cyber Lime

A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Cyber Lime palette.

27400Open

Pulse Activity Feed · Sunset Amber

A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Sunset Amber palette.

42500Open

Pulse Activity Feed · Rose Gold

A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Rose Gold palette.

50100Open

Pulse Activity Feed · Ocean Sky

A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Ocean Sky palette.

16900Open

Timeline Steps

Vertical milestone timeline with pulsing dots, connecting line and staggered reveal.

Voyage — Startup Journey Timeline

Story-driven landing that walks a startup's roadmap as an animated vertical timeline with milestone cards.

Alumni — University Program Timeline

University recruiting landing using a milestone timeline for courses, tuition steps and career outcomes.

Carepath — Patient Journey Timeline

Healthcare landing charting the patient onboarding journey as an accessible timeline with care steps.

Legacy — Estate Planning Timeline

Wealth-planning landing presenting life-stage milestones as a warm timeline with advisor touchpoints.

Greenstart — Incubator Timeline

Startup incubator landing walking founders through program phases on a bold timeline.

Sailor — Bootcamp Timeline

Coding bootcamp landing showing the curriculum as a week-by-week timeline with project milestones.

Clinicflow — Practice Setup Timeline

Medical practice onboarding landing structured as a setup timeline with compliance steps.

Wellsteps — Coaching Timeline

Wellness coaching landing framing a 12-week program as an achievable timeline with habit cards.

Risefund — Grant Journey Timeline

Founder-grants landing walking applicants through eligibility, submission and review on a timeline.