Spline
Satış ekibiyle görüşOluşturmaya başla

Etkileşimli 3D, web için tasarlandı

3D sahnelerini tek bir HTML etiketiyle yerleştir ya da Vanilla JS, React, Next.js ve Three.js için kod olarak dışa aktar.

Oluşturmaya başlaDokümantasyonu oku
web-siten.com
Spline Viewer

Tek etiket, her web sitesi

<spline-viewer> yerel bir web bileşenidir; bu yüzden Framer, Webflow, Squarespace, React, Svelte ve düz HTML’de çalışır. Yalnızca kendi tuvalini değil, tüm sayfayı algılar: sahneler imleci takip edebilir, ona bakabilir ve sayfa kaydırıldıkça canlanabilir.

Daha fazla bilgi: 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');
Kod dışa aktarma

3D sahnen, kod olarak

Vanilla JS, React, Next.js, Three.js ya da react-three-fiber olarak dışa aktar. Kodu kopyala, CodeSandbox’ta aç ya da dosyaları indirip kendin barındır.

Daha fazla bilgi: kod dışa aktarma
Web’de ayrıca

Bir bağlantıdan kendi sunucularına

Kod API’si

Kendi kodundan olayları tetikle, değişkenleri güncelle ve nesne özelliklerini değiştir; Vanilla JS, React ve Next.js’te.

Herkese açık URL’ler

Bir sahneyi bağlantı olarak paylaş ya da Notion, Webflow, WordPress ve daha fazlasına yerleştir.

Kendi sunucunda

Runtime dahil projenin tamamını indir ve kendi sunucularından sun. Enterprise planında.

WebGPU

Sahneler WebGPU ile render edilir; WebGPU’nun olmadığı yerlerde otomatik olarak WebGL’e geçer.

3D’de oluşturmaya başla

Ajanını bağla, ekibini davet et ve ilk 3D sahneni bugün yayınla.

Oluşturmaya başlaAjanını bağla