Spline
Kausapin ang salesMagsimulang gumawa

Interactive 3D, gawa para sa web

I-embed ang mga 3D scene mo gamit ang isang HTML tag, o i-export ang mga ito bilang code para sa Vanilla JS, React, Next.js at Three.js.

Magsimulang gumawaBasahin ang docs
your-website.com
Spline Viewer

Isang tag, kahit anong website

Ang <spline-viewer> ay isang native web component, kaya gumagana ito sa Framer, Webflow, Squarespace, React, Svelte at plain HTML. Naririnig nito ang buong page, hindi lang ang canvas nito: kayang sundan ng mga scene ang cursor, tingnan ito at mag-animate habang nag-i-scroll ang page.

Alamin pa ang tungkol sa 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');
Code export

Ang 3D scene mo, bilang code

I-export ito bilang Vanilla JS, React, Next.js, Three.js o react-three-fiber. Kopyahin ang code, buksan ito sa CodeSandbox, o i-download ang mga file at i-host ito mismo.

Alamin pa ang tungkol sa code export
Nasa web din

Mula sa isang link hanggang sa sarili mong servers

Code API

Mag-trigger ng events, mag-update ng variables at magpalit ng object properties mula sa sarili mong code, sa Vanilla JS, React at Next.js.

Public URLs

I-share ang scene bilang link, o i-embed ito sa Notion, Webflow, WordPress at iba pa.

Self-hosted

I-download ang buong project, kasama ang runtime, at i-serve ito mula sa sarili mong servers. Sa Enterprise plan.

WebGPU

Nagre-render ang mga scene sa WebGPU, at awtomatikong lumilipat sa WebGL kung saan hindi ito available.

Magsimulang gumawa sa 3D

Ikonekta ang agent mo, imbitahan ang team mo at i-ship ang una mong 3D scene ngayon.

Magsimulang gumawaIkonekta ang agent mo