Spline
Hubungi pasukan jualanMula membina

3D interaktif, dibina untuk web

Benamkan adegan 3D anda dengan satu tag HTML, atau eksportnya sebagai kod untuk Vanilla JS, React, Next.js dan Three.js.

Mula membinaBaca dokumentasi
laman-web-anda.com
Spline Viewer

Satu tag, mana-mana laman web

<spline-viewer> ialah komponen web natif, jadi ia berfungsi dalam Framer, Webflow, Squarespace, React, Svelte dan HTML biasa. Ia mengesan seluruh halaman, bukan hanya kanvasnya: adegan boleh mengikut kursor, memandangnya dan beranimasi semasa halaman ditatal.

Ketahui lebih lanjut tentang 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 kod

Adegan 3D anda, sebagai kod

Eksportnya sebagai Vanilla JS, React, Next.js, Three.js atau react-three-fiber. Salin kod, bukanya dalam CodeSandbox, atau muat turun fail dan hos sendiri.

Ketahui lebih lanjut tentang eksport kod
Juga di web

Daripada pautan hingga ke pelayan anda sendiri

API Kod

Cetuskan acara, kemas kini pemboleh ubah dan ubah sifat objek daripada kod anda sendiri, dalam Vanilla JS, React dan Next.js.

URL Awam

Kongsi adegan sebagai pautan, atau benamkannya dalam Notion, Webflow, WordPress dan banyak lagi.

Hos sendiri

Muat turun keseluruhan projek, termasuk runtime, dan sajikannya daripada pelayan anda sendiri. Pada pelan Enterprise.

WebGPU

Adegan dipaparkan dengan WebGPU, dan beralih ke WebGL secara automatik jika WebGPU tidak tersedia.

Mula membina dalam 3D

Sambungkan ejen anda, jemput pasukan anda dan terbitkan adegan 3D pertama anda hari ini.

Mula membinaSambungkan ejen anda