Content Blocks
Bento Grid Flow
Bento grid flow timeline with masonry path layout.
timelinebentogridmasonry
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 | #0a0a0a | Background color (hex, rgb, or hsl). |
accentColor1 | string | #4f46e5 | First accent color for gradient effects. |
accentColor2 | string | #7c3aed | Second accent color for gradient effects. |
borderColor | string | rgba(255,255,255,0.05) | Border color. |