LiquidChrome
Cromo líquido reflectante.
- Código: RODD·BG·034
- Familia: Fondos
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/LiquidChrome-TS-TW
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 |
|---|
| baseColor | RGB array (number[3]) | [0.1, 0.1, 0.1] |
| speed | number | 0.2 |
| amplitude | number | 0.3 |
| frequencyX | number | 3 |
| frequencyY | number | 3 |
| interactive | boolean | true |
Otros efectos de fondos
- Particles — Sistema de partículas 3D configurable.
- PlasmaWave — Olas de plasma con interferencia doble.
- Ripple — Ondas concéntricas para destacar un elemento.
- Silk — Seda líquida con pliegues suaves.
- WarpBackground — Tarjeta con un fondo de túnel que deforma el espacio.
- Aurora — Auroras boreales procedurales.