3D interativo, feito para a web

Incorpore suas cenas 3D com uma única tag HTML ou exporte-as como código para Vanilla JS, React, Next.js e Three.js.

Comece a criar Leia a documentação

seu-site.com.br

1<!-- Import the Spline Viewer -->2<script type="module"3  src="https://unpkg.com/@splinetool/viewer@2.0.75/build/spline-viewer.js">4</script>56<!-- Add your scene anywhere on the page -->7<spline-viewer8  url="https://prod.spline.design/ZIloIOkaB5v3Q89d/scene.splinecode">9</spline-viewer>

Spline Viewer

Uma tag, qualquer site

<spline-viewer> é um web component nativo, então funciona no Framer, Webflow, Squarespace, React, Svelte e HTML puro. Ele percebe a página inteira, não só o próprio canvas: as cenas podem seguir o cursor, olhar para ele e se animar enquanto você rola a página.

Saiba mais 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');

Exportação de código

Sua cena 3D, como código

Exporte como Vanilla JS, React, Next.js, Three.js ou react-three-fiber. Copie o código, abra no CodeSandbox ou baixe os arquivos e hospede você mesmo.

Saiba mais sobre a exportação de código

Também na web

De um link aos seus próprios servidores

API de código

Dispare eventos, atualize variáveis e altere propriedades de objetos a partir do seu próprio código, em Vanilla JS, React e Next.js.

URLs públicas

Compartilhe uma cena como link ou incorpore no Notion, Webflow, WordPress e mais.

Auto-hospedado

Baixe o projeto inteiro, runtime incluído, e sirva a partir dos seus próprios servidores. No plano Enterprise.

WebGPU

As cenas renderizam com WebGPU e passam automaticamente para WebGL onde ele não está disponível.

Comece a criar em 3D

Conecte seu agente, convide sua equipe e publique sua primeira cena 3D hoje.

Comece a criar Conecte seu agente