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.
Timeline Items – Add and edit year, title, and description
Card Padding – Control spacing inside each timeline card
Year Gap – Adjust spacing below the year label
Title Gap – Control spacing between title and description
Line Color – Customize the flowing connection line
Point Color – Set the glowing node color
Point Size – Adjust node size and visual emphasis
Line Width – Control thickness of the timeline path
Year Font – Style for the year badge
Title Font – Style for the title
Description Font – Style for the description
Year Color – Color of the year label
Title Color – Color of the title text
Description Color – Color of the description text
Item Spacing – Vertical spacing between timeline items
Animation Delay – Control stagger animation timing
Edi Priatama
