SplinePlayground

Pega la URL de tu escena de Spline y mírala en vivo con su código listo para copiar.

  • Código: RODD·SP·004
  • 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

  • GlassCards — Abanico de tarjetas de cristal que se abre al pasar el ratón.
  • 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.
  • ToggleSwitch — Interruptor 3D con muelle y squash & stretch. Haz clic.
  • 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.