Spline
Зв’язатися з відділом продажівПочати створювати

Інтерактивне 3D, створене для вебу

Вбудовуйте 3D-сцени одним HTML-тегом або експортуйте їх як код для Vanilla JS, React, Next.js і Three.js.

Почати створюватиЧитати документацію
vash-sait.com
Spline Viewer

Один тег — будь-який сайт

<spline-viewer> — нативний вебкомпонент, тож він працює у Framer, Webflow, Squarespace, React, Svelte і звичайному HTML. Він реагує на всю сторінку, а не лише на своє полотно: сцени можуть стежити за курсором, дивитися на нього й анімуватися під час прокручування.

Докладніше про 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');
Експорт коду

Ваша 3D-сцена у вигляді коду

Експортуйте її як Vanilla JS, React, Next.js, Three.js або react-three-fiber. Скопіюйте код, відкрийте його в CodeSandbox або завантажте файли й розмістіть їх самостійно.

Докладніше про експорт коду
Також у вебі

Від посилання до власних серверів

Code API

Запускайте події, оновлюйте змінні й змінюйте властивості об’єктів зі свого коду — у Vanilla JS, React і Next.js.

Публічні URL

Діліться сценою за посиланням або вбудовуйте її в Notion, Webflow, WordPress тощо.

Власний хостинг

Завантажте весь проєкт разом із рантаймом і роздавайте його з власних серверів. У плані Enterprise.

WebGPU

Сцени рендеряться на WebGPU, а там, де він недоступний, автоматично перемикаються на WebGL.

Почніть створювати в 3D

Підключіть агента, запросіть команду й опублікуйте свою першу 3D-сцену вже сьогодні.

Почати створюватиПідключити агента