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.
Year – Add and edit timeline year labels
Title – Customize each timeline heading
Description – Add detailed timeline descriptions
Card Background Color – Customize timeline card background
Card Border Color – Set card border accent color
Card Padding – Control spacing inside timeline cards
Point Color – Set the glowing timeline node color
Point Size – Adjust the size of timeline points
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
Item Spacing – Control spacing between timeline items
Animation Delay – Adjust stagger animation timing
Edi Priatama
