Luminous Path

Glowing center beam timeline with scroll progress.

timelineluminousglowscroll

Props

Customize the component with these props

PropertyTypeDefaultDescription
items
Array<{year: string, title: string, desc: string, category: string}>[]Array of timeline items with year, title, description, and category.
backgroundColor
string#020617Background color (hex, rgb, or hsl).
beamColor
string#3b82f6Center beam color.
nodeColor
string#3b82f6Timeline node color.
cardBgColor
stringrgba(15, 23, 42, 0.5)Card background color.
cardBorderColor
stringrgba(255,255,255,0.1)Card border color.
yearColor
string#60a5faYear text color.
titleColor
string#ffffffTitle text color.
textColor
string#94a3b8Text color.
Luminous Path - Content Blocks Component | UILora