Timeline V1

cinematic timeline component designed to showcase experiences, project history, or company milestones with a highly immersive and modern aesthetic. Unlike traditional timelines, this component features a curved flowing connection line, glowing animated nodes, and asymmetric glassmorphism cards that alternate left and right. Each item animates smoothly into view on scroll, creating a dynamic storytelling experience.

Customize Options

Timeline Items

• Year – Add and edit timeline year labels

• Title – Customize each timeline heading

• Description – Add detailed timeline descriptions

Card Styling

• Card Background Color – Customize timeline card background

• Card Border Color – Set card border accent color

• Card Padding – Control spacing inside timeline cards

Point Styling

• Point Color – Set the glowing timeline node color

• Point Size – Adjust the size of timeline points

Typography

• Year Font – Customize year text styling

• Year Color – Set the year text color

• Title Font – Customize title text styling

• Title Color – Set the title text color

• Description Font – Customize description text styling

• Description Color – Set the description text color

Layout & Animation

• Item Spacing – Control spacing between timeline items

• Animation Delay – Adjust stagger animation timing