SplineCube
El “hola mundo” de Spline: un cubo que puedes girar. Ideal para aprender la integración.
- Código: RODD·SP·002
- Familia: 3D y Spline
- Origen: Spline (Spline (escenas de ejemplo de su documentación oficial)) · Licencia Ejemplos oficiales · react-spline MIT
Cómo instalarlo
npm install @splinetool/react-spline @splinetool/runtime
Cuándo usarlo
Para el momento “wow” de un hero o una presentación de producto. Una escena por página y carga diferida.
Otros efectos de 3d y spline
- CubeWave — Suelo de cubos que ondula y crea una onda donde pasas el ratón.
- Helix — Doble hélice de ADN en esferas: ciencia, salud, biotech.
- PillRain — Lluvia de cápsulas con física de rebote. Clic para lanzarlas.
- SplinePlayground — Pega la URL de tu escena de Spline y mírala en vivo con su código listo para copiar.
- FloatingShapes — Formas brillantes flotando con parallax: el hero 3D clásico, listo para usar.
- JellyCube — Cubo de gelatina que tiembla con el cursor y salta al hacer clic.