Ferrofluido magnético con líneas de contorno.
npx shadcn@latest add https://reactbits.dev/r/Ferrofluid-TS-TW
Detrás de un hero o una sección de impacto. Uno por página y con el texto siempre legible encima.
| Prop | Tipo | Por defecto |
|---|---|---|
| colors | string[] | ['#4F46E5', '#06B6D4', '#E0F2FE'] |
| backgroundColor | string | '#03010A' |
| speed | number | 0.5 |
| scale | number | 1.6 |
| turbulence | number | 1 |
| fluidity | number | 0.1 |
| rimWidth | number | 0.2 |
| sharpness | number | 2.5 |
| shimmer | number | 1.5 |
| glow | number | 2 |
| flowDirection | 'up' | 'down' | 'left' | 'right' | 'down' |
| opacity | number | 1 |
| mouseInteraction | boolean | true |
| mouseStrength | number | 1 |
| mouseRadius | number | 0.35 |
| mouseDampening | number | 0.15 |
| mixBlendMode | string | undefined |
| paused | boolean | false |
| dpr | number | window.devicePixelRatio |
| className | string |