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.