交互式 3D, 为网页而生

用一个 HTML 标签嵌入你的 3D 场景,或将其导出为Vanilla JS、React、Next.js 和 Three.js 代码。

your-website.com
Spline Viewer

一个标签,适用任何网站

<spline-viewer> 是一个原生 Web 组件,因此可以在 Framer、Webflow、Squarespace、React、Svelte 和纯 HTML 中使用。它能感知整个页面,而不仅仅是自己的画布:场景可以跟随光标、注视光标,并随页面滚动播放动画。

了解更多: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');
代码导出

你的 3D 场景,直接变成代码

可导出为 Vanilla JS、React、Next.js、Three.js 或 react-three-fiber。复制代码、在 CodeSandbox 中打开,或下载文件自行托管。

了解更多:代码导出
网页端的更多能力

从一个链接到你自己的服务器

Code API

在你自己的代码中触发事件、更新变量、修改对象属性,支持 Vanilla JS、React 和 Next.js。

公开链接

以链接形式分享场景,或嵌入 Notion、Webflow、WordPress 等平台。

自托管

下载包含运行时在内的整个项目,并部署在你自己的服务器上。适用于 Enterprise 套餐。

WebGPU

场景使用 WebGPU 渲染,在不支持 WebGPU 的环境中会自动回退到 WebGL。

开始用 3D 创作

连接你的智能体,邀请你的团队,今天就发布你的第一个 3D 场景。