Spline
Contacter un commercialCommencer à créer

La 3D interactive, pensée pour le web

Intégrez vos scènes 3D avec une seule balise HTML, ou exportez-les en code pour Vanilla JS, React, Next.js et Three.js.

Commencer à créerLire la documentation
votre-site-web.com
Spline Viewer

Une balise, n’importe quel site

<spline-viewer> est un composant web natif : il fonctionne dans Framer, Webflow, Squarespace, React, Svelte et en HTML pur. Il perçoit toute la page, pas seulement son canevas : les scènes peuvent suivre le curseur, le regarder et s’animer au défilement de la page.

En savoir plus sur 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');
Export de code

Votre scène 3D, en code

Exportez-la en Vanilla JS, React, Next.js, Three.js ou react-three-fiber. Copiez le code, ouvrez-le dans CodeSandbox, ou téléchargez les fichiers et hébergez-les vous-même.

En savoir plus sur l’export de code
Également sur le web

D’un simple lien à vos propres serveurs

API de code

Déclenchez des événements, mettez à jour des variables et modifiez les propriétés des objets depuis votre propre code, en Vanilla JS, React et Next.js.

URL publiques

Partagez une scène sous forme de lien, ou intégrez-la dans Notion, Webflow, WordPress et plus encore.

Auto-hébergé

Téléchargez le projet complet, runtime compris, et servez-le depuis vos propres serveurs. Avec le forfait Enterprise.

WebGPU

Les scènes s’affichent en WebGPU et basculent automatiquement en WebGL là où il n’est pas disponible.

Commencez à créer en 3D

Connectez votre agent, invitez votre équipe et publiez votre première scène 3D dès aujourd’hui.

Commencer à créerConnecter votre agent