Spline
Связаться с отделом продажНачать

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

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

НачатьДокументация
vash-sait.ru
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 или скачайте файлы и разместите у себя.

Подробнее про экспорт в код
Ещё для веба

От ссылки до собственных серверов

API для кода

Запускайте события, обновляйте переменные и меняйте свойства объектов из своего кода на Vanilla JS, React и Next.js.

Публичные ссылки

Делитесь сценой по ссылке или встраивайте её в Notion, Webflow, WordPress и другие сервисы.

Собственный хостинг

Скачайте проект целиком, вместе с рантаймом, и раздавайте его со своих серверов. В тарифе Enterprise.

WebGPU

Сцены рендерятся на WebGPU и автоматически переключаются на WebGL там, где он недоступен.

Начните создавать в 3D

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

НачатьПодключить агента