Grids & Layouts
Cursor Lens
Cursor lens feature grid with magnifying glass effects.
featurecursorlensmagnify
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
features | Array<{title: string, description: string}> | [{title: 'Vision', description: 'Seeing beyond the visible spectrum.'}, ...] | Array of feature items with title and description. |
backgroundColor | string | #f5f5f4 | Background color (hex, rgb, or hsl). |
lensColor | string | #f97316 | Lens reveal color (hex, rgb, or hsl). |
gridText | string | Create | Text to repeat in background grid. |
gridTextCount | number | 100 | Number of times to repeat grid text. |