Chroma Grid
Customize ChromaGrid
Radius300px
Damping0.45
Fade Out0.6
Props
| Property | Type | Default | Description |
|---|---|---|---|
| items | ChromaItem[] | demo | Array of chroma grid items with image, title, subtitle, and other properties. |
| className | string | "" | Additional CSS classes for the component. |
| radius | number | 300 | Radius of the spotlight effect in pixels. |
| columns | number | 3 | Number of columns in the grid. |
| rows | number | 2 | Number of rows in the grid. |
| damping | number | 0.45 | Damping factor for spotlight movement animations. |
| fadeOut | number | 0.6 | Duration of fade out animation when leaving cards. |
| ease | string | "power3.out" | Easing function for spotlight animations. |
Dependencies
gsap
Created with ❤️ by Cybershoora