CardsNew
Glow Hover Cards
A card grid whose borders light up where the cursor passes. The light spills over to neighboring cards.
Customize
glowColor
Based on Glow Hover Card (MIT license) · Terms of use
More in Pro
View allProps
5 properties| Property | Type | Default | Description |
|---|---|---|---|
| items | { id: string; element: ReactElement; theme?: { hue: number; saturation: number; lightness: number } }[] | — | Cards. Each can have its own glow color. |
| glowColor | string | "#ffffff" | Glow color for cards without their own. |
| glowIntensity | number | 0.15 | Fill strength under the cursor, from 0 to 1. |
| maskSize | number | 400 | Size of the light spot around the cursor, in pixels. |
| className | string | — | Classes for the card grid. |
Dependencies
3 required packages
npm install motion clsx tailwind-merge