Gravity
Elementos que caen con física real y puedes lanzar.
- Código: RODD·AN·049
- Familia: Animaciones
- Origen: Fancy Components (Daniel Petho) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://fancycomponents.dev/r/gravity.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 | ReactNode | |
| debug | boolean | false |
| gravity | { x: number; y: number } | { x: 0, y: 1 } |
| resetOnResize | boolean | true |
| grabCursor | boolean | true |
| addTopWall | boolean | true |
| autoStart | boolean | true |
| className | string | |
Otros efectos de animaciones
- 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.
- Antigravity — Campo de partículas 3D que se repelen del cursor.