GooeySvgFilter
Filtro SVG que une elementos como gotas.
- Código: RODD·AN·048
- Familia: Animaciones
- Origen: Fancy Components (Daniel Petho) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://fancycomponents.dev/r/gooey-svg-filter.json"
Cuándo usarlo
Refuerzan una interacción concreta: un CTA, una tarjeta, un cursor. Nunca decoran por decorar.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| id | string | "gooey-filter" |
| strength | number | 10 |
Otros efectos de animaciones
- Lens — Lupa que amplía imágenes o vídeos al pasar el ratón.
- MetaBalls — Metabolas líquidas que se fusionan y separan.
- ParallaxFloating — Imágenes flotantes con parallax al mover el ratón.
- Screensaver — Elementos que rebotan por la pantalla como un salvapantallas.
- SplashCursor — Simulación de fluido que salpica al mover el cursor.
- TargetCursor — Cursor de cuatro esquinas que se ajusta a los elementos objetivo.