Spline
Liên hệ bộ phận kinh doanhBắt đầu sáng tạo

3D tương tác, xây dựng cho web

Nhúng cảnh 3D chỉ với một thẻ HTML, hoặc xuất thành code cho Vanilla JS, React, Next.js và Three.js.

Bắt đầu sáng tạoĐọc tài liệu
website-cua-ban.com
Spline Viewer

Một thẻ, mọi website

<spline-viewer> là một web component native, nên chạy được trên Framer, Webflow, Squarespace, React, Svelte và HTML thuần. Nó cảm nhận toàn bộ trang, không chỉ canvas của nó: cảnh có thể đi theo con trỏ, hướng về con trỏ và chuyển động khi bạn cuộn trang.

Tìm hiểu thêm về 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');
Xuất code

Cảnh 3D của bạn, dưới dạng code

Xuất thành Vanilla JS, React, Next.js, Three.js hoặc react-three-fiber. Sao chép code, mở trong CodeSandbox, hoặc tải tệp về và tự host.

Tìm hiểu thêm về xuất code
Cũng có trên web

Từ một liên kết đến máy chủ của riêng bạn

Code API

Kích hoạt sự kiện, cập nhật biến và thay đổi thuộc tính đối tượng từ code của bạn, với Vanilla JS, React và Next.js.

URL công khai

Chia sẻ cảnh dưới dạng liên kết, hoặc nhúng vào Notion, Webflow, WordPress và nhiều nền tảng khác.

Tự host

Tải về toàn bộ dự án, kèm cả runtime, và chạy trên máy chủ của riêng bạn. Có trong gói Enterprise.

WebGPU

Cảnh được kết xuất bằng WebGPU và tự động chuyển sang WebGL ở những nơi chưa hỗ trợ.

Bắt đầu sáng tạo 3D

Kết nối tác nhân AI, mời nhóm của bạn và xuất bản cảnh 3D đầu tiên ngay hôm nay.

Bắt đầu sáng tạoKết nối tác nhân AI