No-code 3D for the web. You design interactive 3D scenes in a Figma-like editor, then drop them onto any page with a single <spline-viewer> web component — no shader code required.
Below we load Spline's official <spline-viewer> web component from its CDN and point it at a public demo scene. Drag to orbit. If the remote scene can't load, a clearly-labelled local 3D stand-in takes over automatically.
<!-- 1. load the official web component --> <script type="module" src="https://unpkg.com/@splinetool/viewer/build/spline-viewer.js"></script> <!-- 2. embed your scene by URL --> <spline-viewer url="https://prod.spline.design/.../scene.splinecode"> </spline-viewer>
Spline collapses the whole 3D pipeline into a visual editor. Designers who'd never write GLSL can ship production 3D.
Drag primitives, sculpt and arrange objects on an infinite canvas.
Add materials, lights and post-effects with sliders, not code.
Wire mouse, scroll and click events to animations visually.
Export a URL and drop the <spline-viewer> tag anywhere.
The <spline-viewer> component renders your scene with Three.js/WebGL behind the scenes — Spline is the friendly authoring layer, the same GPU technology from the earlier pages does the drawing. The difference is who writes it: a visual editor instead of you.
<spline-viewer> web component from unpkg with a public demo scene. If the remote scene loads, the viewport above is a genuine Spline embed. If not, it falls back to a clearly-labelled local Three.js stand-in so the page always shows working 3D. The shared CSS shell styles the page chrome.