Content Blocks
Luminous Path
Glowing center beam timeline with scroll progress.
timelineluminousglowscroll
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
items | Array<{year: string, title: string, desc: string, category: string}> | [] | Array of timeline items with year, title, description, and category. |
backgroundColor | string | #020617 | Background color (hex, rgb, or hsl). |
beamColor | string | #3b82f6 | Center beam color. |
nodeColor | string | #3b82f6 | Timeline node color. |
cardBgColor | string | rgba(15, 23, 42, 0.5) | Card background color. |
cardBorderColor | string | rgba(255,255,255,0.1) | Card border color. |
yearColor | string | #60a5fa | Year text color. |
titleColor | string | #ffffff | Title text color. |
textColor | string | #94a3b8 | Text color. |