Spline
Falar com a equipa comercialComeça a criar

3D interativo, feito para a web

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

Começa a criarLer a documentação
o-teu-site.pt
Spline Viewer

Uma tag, qualquer site

<spline-viewer> é um web component nativo, por isso funciona no Framer, Webflow, Squarespace, React, Svelte e HTML simples. Reage à página inteira, não só ao seu canvas: as cenas podem seguir o cursor, olhar para ele e animar-se à medida que a página faz scroll.

Saber 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

A tua cena 3D, em código

Exporta-a como Vanilla JS, React, Next.js, Three.js ou react-three-fiber. Copia o código, abre-o no CodeSandbox ou transfere os ficheiros e aloja-os tu mesmo.

Saber mais sobre a exportação de código
Também na web

De uma ligação aos teus próprios servidores

API de código

Aciona eventos, atualiza variáveis e altera propriedades de objetos a partir do teu próprio código, em Vanilla JS, React e Next.js.

URLs públicos

Partilha uma cena como ligação ou incorpora-a no Notion, Webflow, WordPress e muito mais.

Autoalojado

Transfere o projeto completo, com o runtime incluído, e serve-o a partir dos teus próprios servidores. No plano Enterprise.

WebGPU

As cenas são renderizadas em WebGPU e recorrem automaticamente ao WebGL onde este não está disponível.

Começa a criar em 3D

Liga o teu agente, convida a tua equipa e publica hoje a tua primeira cena 3D.

Começa a criarLiga o teu agente