FloatingShapes
Formas brillantes flotando con parallax: el hero 3D clásico, listo para usar.
- Código: RODD·SP·006
- Familia: 3D y Spline
- Origen: RODD Originals (Rodrigo Negrete) · Licencia MIT
Cómo instalarlo
npm install three @react-three/fiber @react-three/drei
Cuándo usarlo
Para el momento “wow” de un hero o una presentación de producto. Una escena por página y carga diferida.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| parallax | number | 0.6 |
| glossy | boolean | true |
Otros efectos de 3d y spline
- LiquidBlob — Gota líquida iridiscente que se deforma, sigue al cursor y tiembla al hacer clic.
- PressKey — Tecla 3D que se hunde con un muelle al pulsarla y cuenta tus clics.
- SynthGrid — Paisaje synthwave: montañas de malla y sol retro que avanzan hacia ti.
- GlassKnot — Nudo de cristal real que refracta las formas de color que tiene detrás.
- OrbitSystem — Sistema de órbitas: esferas de colores en planos inclinados.
- RoddMonogram — Monograma 3D metálico que sigue al cursor. Original de RODD, hecho con Three.js.