Spline
Porozmawiaj z działem sprzedażyZacznij tworzyć

Interaktywne 3D, stworzone dla sieci

Osadzaj sceny 3D jednym tagiem HTML albo eksportuj je jako kod dla Vanilla JS, React, Next.js i Three.js.

Zacznij tworzyćPrzeczytaj dokumentację
twoja-strona.pl
Spline Viewer

Jeden tag, dowolna strona

<spline-viewer> to natywny komponent webowy, więc działa we Framerze, Webflow, Squarespace, React, Svelte i czystym HTML. Reaguje na całą stronę, nie tylko na swoją kanwę: sceny mogą podążać za kursorem, patrzeć na niego i animować się podczas przewijania.

Dowiedz się więcej o 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');
Eksport kodu

Twoja scena 3D jako kod

Eksportuj ją jako Vanilla JS, React, Next.js, Three.js lub react-three-fiber. Skopiuj kod, otwórz go w CodeSandbox albo pobierz pliki i hostuj je samodzielnie.

Dowiedz się więcej o eksporcie kodu
Również w sieci

Od linku po własne serwery

API kodu

Wywołuj zdarzenia, aktualizuj zmienne i zmieniaj właściwości obiektów z poziomu własnego kodu w Vanilla JS, React i Next.js.

Publiczne adresy URL

Udostępnij scenę jako link albo osadź ją w Notion, Webflow, WordPressie i wielu innych.

Własny hosting

Pobierz cały projekt razem z runtime’em i serwuj go z własnych serwerów. W planie Enterprise.

WebGPU

Sceny renderują się w WebGPU, a tam, gdzie nie jest dostępne, automatycznie przełączają się na WebGL.

Zacznij tworzyć w 3D

Połącz swojego agenta, zaproś zespół i opublikuj swoją pierwszą scenę 3D jeszcze dziś.

Zacznij tworzyćPołącz agenta