Spline
Hubungi tim penjualanMulai berkarya

3D interaktif, dibuat untuk web

Sematkan scene 3D Anda dengan satu tag HTML, atau ekspor sebagai kode untuk Vanilla JS, React, Next.js, dan Three.js.

Mulai berkaryaBaca dokumentasi
situs-anda.com
Spline Viewer

Satu tag, situs web apa pun

<spline-viewer> adalah web component native, jadi bisa dipakai di Framer, Webflow, Squarespace, React, Svelte, dan HTML biasa. Ia merespons seluruh halaman, bukan hanya kanvasnya: scene bisa mengikuti kursor, menoleh ke arahnya, dan beranimasi saat halaman di-scroll.

Pelajari 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');
Ekspor kode

Scene 3D Anda, dalam bentuk kode

Ekspor sebagai Vanilla JS, React, Next.js, Three.js, atau react-three-fiber. Salin kodenya, buka di CodeSandbox, atau unduh file-nya dan host sendiri.

Pelajari lebih lanjut tentang ekspor kode
Juga di web

Dari sebuah tautan hingga server Anda sendiri

Code API

Picu event, perbarui variabel, dan ubah properti objek dari kode Anda sendiri, di Vanilla JS, React, dan Next.js.

URL publik

Bagikan scene sebagai tautan, atau sematkan di Notion, Webflow, WordPress, dan lainnya.

Self-hosted

Unduh seluruh proyek, termasuk runtime-nya, dan jalankan dari server Anda sendiri. Tersedia di paket Enterprise.

WebGPU

Scene dirender dengan WebGPU, dan otomatis beralih ke WebGL jika WebGPU tidak tersedia.

Mulai berkarya dalam 3D

Hubungkan agen Anda, undang tim, dan rilis scene 3D pertama Anda hari ini.

Mulai berkaryaHubungkan agen Anda