WarpBackground
Tarjeta con un fondo de túnel que deforma el espacio.
- Código: RODD·BG·081
- Familia: Fondos
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/warp-background.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 |
|---|
| children | unknown | |
| perspective | number | 100 |
| className | unknown | |
| beamsPerSide | number | 3 |
| beamSize | number | 5 |
| beamDelayMax | number | 3 |
| beamDelayMin | number | 0 |
| beamDuration | number | 3 |
| gridColor | string | "var(--border)" |
Otros efectos de fondos
- Balatro — El shader psicodélico de Balatro, interactivo.
- Dither — Ruido dithered retro reactivo al ratón.
- Ferrofluid — Ferrofluido magnético con líneas de contorno.
- GhostFibers — Fibras recursivas azules con bandas luminosas.
- GridDistortion — Imagen en malla que se deforma con el cursor.
- Iridescence — Superficie iridiscente tipo nácar.