Grids & Layouts
Prism Grid
Prismatic masonry grid with light refraction and glass effects.
masonryprismglassrefraction
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
shards | Array<{clip: string, img: string, title?: string}> | [{clip: 'polygon(0 0, 100% 0, 100% 85%, 0 100%)', img: '...'}, ...] | Array of shard objects with CSS clip-path, image URL, and optional title. |
backgroundColor | string | #0f172a | Background color (hex, rgb, or hsl). |
titlePrefix | string | Prism | Prefix text for shard titles. |