Float
Envoltorio que hace flotar suavemente su contenido.
- Código: RODD·AN·046
- Familia: Animaciones
- Origen: Fancy Components (Daniel Petho) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://fancycomponents.dev/r/float.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 |
|---|
| children | unknown | |
| speed | number | 0.5 |
| amplitude | unknown | [10, 30, 30] |
| rotationRange | unknown | [15, 15, 7.5] |
| timeOffset | number | 0 |
| className | unknown | |
Otros efectos de animaciones
- HalftoneReveal — Trama de semitono de imprenta que se aclara alrededor del cursor.
- MagicRings — Anillos mágicos concéntricos que siguen al ratón.
- Noise — Grano fílmico animado para dar textura.
- PixelTrail — Estela de píxeles detrás del cursor.
- ShapeBlur — Forma geométrica que se difumina según la distancia al ratón.
- StickerPeel — Pegatina que se despega de la esquina con sombra 3D.