# Spline para la web: inserta y exporta 3D interactivo (https://spline.design/es/web)

> Inserta 3D interactivo con el componente web Spline Viewer, o exporta tus escenas como código Vanilla JS, React, Next.js, Three.js o react-three-fiber.

# 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**.

[Empieza a crear](https://app.spline.design/signin)[Lee la documentación](https://docs.spline.design/exporting-your-scene/web/exporting-as-spline-viewer)

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](https://docs.spline.design/exporting-your-scene/web/exporting-as-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](https://docs.spline.design/exporting-your-scene/web/exporting-as-code)

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.

[Empieza a crear](https://app.spline.design/signin)[Conecta tu agente](https://spline.design/es/mcp)

[Spline](https://spline.design/es)

El editor 3D y 2D para equipos y sus agentes. Publica en la web, iOS y Android.

#### Pregúntale a la IA sobre Spline

#### Productos

- [Diseño 3D](https://spline.design/es/3d-design)
- [Hana](https://spline.design/es/hana)
- [Omma](https://omma.build)
- [Generación 3D con IA](https://spline.design/es/ai-generate)
- [Spline MCP](https://spline.design/es/mcp)
- [Spline Arena](https://spline.design/es/arena)
- [Precios](https://spline.design/es/pricing)
- [Enterprise](https://spline.design/es/enterprise)

#### Runtimes

- [Web](https://spline.design/es/web)
- [iOS](https://spline.design/es/ios)
- [Android](https://spline.design/es/android)

#### Apps

- [Descargar](https://spline.design/es/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Descargar Spline Mirror](https://spline.design/download-mirror)

#### Aprende

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/es/academy)
- [API de Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Soluciones](https://spline.design/solutions)

#### Comunidad

- [Comunidad de Spline](https://community.spline.design)
- [Blog](https://spline.design/es/blog)
- [Novedades](https://spline.design/es/changelog)
- [Educación](https://spline.design/es/education)
- [Contra](https://spline.design/contra)
- [Afiliados](https://spline.design/es/affiliate)

#### Empresa

- [Clientes](https://spline.design/es/customers)
- [Empleo](https://www.ycombinator.com/companies/spline/jobs)
- [Seguridad](https://spline.design/es/security)

#### Legal

- [Términos y condiciones](https://spline.design/terms)
- [Privacidad](https://spline.design/privacy)

#### Contacto

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.