Píxeles dithered con ondas líquidas al clic.
npx shadcn@latest add https://reactbits.dev/r/PixelBlast-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 |
|---|---|---|
| variant | 'square'|'circle'|'triangle'|'diamond' | 'square' |
| pixelSize | number | 3 |
| color | string | '#B497CF' |
| patternScale | number | 2 |
| patternDensity | number | 1 |
| pixelSizeJitter | number | 0 |
| enableRipples | boolean | true |
| rippleSpeed | number | 0.3 |
| rippleThickness | number | 0.1 |
| rippleIntensityScale | number | 1 |
| liquid | boolean | false |
| liquidStrength | number | 0.1 |
| liquidRadius | number | 1 |
| liquidWobbleSpeed | number | 4.5 |
| speed | number | 0.5 |
| edgeFade | number | 0.5 |
| noiseAmount | number | 0 |
| transparent | boolean | true |