# Spline pour le web : intégrez et exportez de la 3D interactive (https://spline.design/fr/web)

> Intégrez de la 3D interactive avec le composant web Spline Viewer, ou exportez vos scènes en code Vanilla JS, React, Next.js, Three.js ou react-three-fiber.

# 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éer](https://app.spline.design/signin)[Lire la documentation](https://docs.spline.design/exporting-your-scene/web/exporting-as-spline-viewer)

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](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');

```

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](https://docs.spline.design/exporting-your-scene/web/exporting-as-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éer](https://app.spline.design/signin)[Connecter votre agent](https://spline.design/fr/mcp)

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

L’éditeur 3D et 2D pour les équipes et leurs agents. Publiez sur le web, iOS et Android.

#### Interrogez l’IA sur Spline

#### Produits

- [Design 3D](https://spline.design/fr/3d-design)
- [Hana](https://spline.design/fr/hana)
- [Omma](https://omma.build)
- [Génération 3D par IA](https://spline.design/fr/ai-generate)
- [Spline MCP](https://spline.design/fr/mcp)
- [Spline Arena](https://spline.design/fr/arena)
- [Tarifs](https://spline.design/fr/pricing)
- [Enterprise](https://spline.design/fr/enterprise)

#### Runtimes

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

#### Apps

- [Télécharger](https://spline.design/fr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Télécharger Spline Mirror](https://spline.design/download-mirror)

#### Apprendre

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

#### Communauté

- [Communauté Spline](https://community.spline.design)
- [Blog](https://spline.design/fr/blog)
- [Nouveautés](https://spline.design/fr/changelog)
- [Éducation](https://spline.design/fr/education)
- [Contra](https://spline.design/contra)
- [Affiliation](https://spline.design/fr/affiliate)

#### Entreprise

- [Clients](https://spline.design/fr/customers)
- [Carrières](https://www.ycombinator.com/companies/spline/jobs)
- [Sécurité](https://spline.design/fr/security)

#### Mentions légales

- [Conditions générales](https://spline.design/terms)
- [Confidentialité](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.