Ripple
Ondas concéntricas para destacar un elemento.
- Código: RODD·BG·079
- Familia: Fondos
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/ripple.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 |
|---|
| mainCircleSize | number | 210 |
| mainCircleOpacity | number | 0.24 |
| numCircles | number | 8 |
| className | unknown | |
Otros efectos de fondos
- SlicedWaves — Barras luminosas que ondulan como un ecualizador.
- Waves — Líneas de ruido Perlin con tensión elástica.
- 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.