3D interactivo, creado para la web

Inserta tus escenas 3D con una sola etiqueta HTML, o expórtalas como código para Vanilla JS, React, Next.js y Three.js.

tu-sitio-web.com
Spline Viewer

Una etiqueta, cualquier sitio web

<spline-viewer> es un componente web nativo, así que funciona en Framer, Webflow, Squarespace, React, Svelte y HTML puro. Percibe toda la página, no solo su lienzo: las escenas pueden seguir el cursor, mirarlo y animarse al desplazarte por la página.

Más información sobre Spline Viewer
main.js
import { Application } from '@splinetool/runtime';

// Render the scene on a canvas
const canvas = document.getElementById('canvas3d');
const app = new Application(canvas);

app.load('https://prod.spline.design/DGI6oWLNcrhyDwvi/scene.splinecode');
Exportación de código

Tu escena 3D, como código

Expórtala como Vanilla JS, React, Next.js, Three.js o react-three-fiber. Copia el código, ábrelo en CodeSandbox o descarga los archivos y alójalos tú mismo.

Más información sobre la exportación de código
También en la web

De un enlace a tus propios servidores

API de código

Activa eventos, actualiza variables y cambia propiedades de objetos desde tu propio código, en Vanilla JS, React y Next.js.

URL públicas

Comparte una escena como enlace, o insértala en Notion, Webflow, WordPress y más.

Autoalojado

Descarga el proyecto entero, runtime incluido, y sírvelo desde tus propios servidores. En el plan Enterprise.

WebGPU

Las escenas se renderizan con WebGPU y pasan a WebGL automáticamente donde no está disponible.

Empieza a crear en 3D

Conecta tu agente, invita a tu equipo y publica hoy tu primera escena 3D.