3D Scene

An interactive Three.js 3D scene embedded in your document. Three scene modes: upload a GLB/GLTF model, build a procedural multi-object scene from presets, or embed a Spline scene URL. Cursor interactions, animations, and background controls are all configurable from the sidebar.

Adding a 3D Scene

Scene modes

Procedural

Render a single pre-configured 3D object without uploading anything — no modeling required.

Model (GLB/GLTF)

Upload a .glb or .gltf file to render your own 3D model. The model is stored in your asset library and served via CDN. Controls for rotation, scale, position, camera distance, and environment lighting are available in the sidebar.

Spline

Paste a Spline scene URL to embed a scene built in Spline. The scene renders in an iframe with full interactivity — Spline's own mouse events and animations run as normal. Best for complex animated scenes that would be impractical to build with the procedural editor.

Background

Only two options — there is no Gradient or Environment background type for this block.

Published pages

The 3D block is dynamically imported (ssr: false) — it never renders on the server. On published pages it loads with a "Loading 3D scene…" placeholder until the Three.js runtime and scene assets are ready client-side. For Spline scenes, the iframe loads independently of the Three.js bundle.