InteractiveGridPattern
Rejilla cuyas celdas se iluminan al pasar el ratón.
- Código: RODD·BG·071
- Familia: Fondos
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/interactive-grid-pattern.json"
Cuándo usarlo
Detrás de un hero o una sección de impacto. Uno por página y con el texto siempre legible encima.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| width | number | 40 |
| height | number | 40 |
| squares | [number, number] | [24, 24] |
| className | string | |
| squaresClassName | string | |
Otros efectos de fondos
- LightRays — Rayos de luz volumétricos.
- Meteors — Lluvia de meteoros cruzando el fondo.
- PhotonBeam — Estelas de luz que recorren el fondo.
- Prism — Prisma de cristal con dispersión de color.
- RippleGrid — Rejilla holográfica con ondas.
- SlicedWaves — Barras luminosas que ondulan como un ecualizador.