Spline · Index

Spline

Browser-based 3D design tool that exports interactive scenes to React, web components and native

Tier B · UsefulToolAppAnimation Libraryspline.design

Spline is a collaborative, browser-based tool for building interactive 3D scenes and, more recently, 2D interactive canvases (its 'Hana' surface). You model, light, animate and wire up event-driven interactions in the editor, then publish the scene and drop it into a page. Runtime targets include a <spline-viewer> web component, React and Next.js via @splinetool/runtime, plus Webflow, Framer, Wix Studio and native Swift and Kotlin embeds. It is the default choice when a marketing hero needs real-time 3D rather than a video loop.

Install

npm i @splinetool/runtime

For an agent

Use Spline only when the design genuinely needs a live, interactive 3D scene the user can drag or that reacts to scroll — for a fixed camera path, an exported MP4 or a Lottie file is smaller and faster. You cannot author a scene programmatically: a human builds it in the editor and hands you a scene URL, after which your job is the <spline-viewer> tag or the @splinetool/runtime React wrapper plus a lazy-load boundary, because these bundles are heavy. The marketing site is a JS-rendered shell and the editor is login-walled, so do not expect to scrape scene data or docs content without a session.

Why it is here. It is the tool that made real-time 3D on the web a normal product decision instead of a WebGL engineering project. The trade-off it hides is weight — a Spline hero routinely costs more than the rest of the page.

Install command, framework, licence and component list.

Facts

License: Proprietary / all rights reserved
Pricing: Freemium, Subscription, Free trial, Free but account required
Framework: React, Next.js, Vanilla JS, Web Components, SwiftUI, Jetpack Compose, Webflow, Framer
Styling: Not applicable
Distribution: Web app / online tool, Hosted SaaS product, npm package, Desktop application
Platform: Web, macOS, Windows, iOS, Android, Cross-platform
Content type: 3D assets and scenes, Video, Images / textures / backgrounds
Agent readiness: Client-rendered shell, Login required
Accessibility: Known accessibility gaps
Maturity: Actively maintained
Pricing detail: Free $0/mo (limited personal files, watermarked web exports); Hobby $12/mo billed yearly or $15 monthly; Pro $20/mo billed yearly or $25 monthly; Max $120/mo billed yearly or $150 monthly (10,000 AI credits); Enterprise custom, billed annually (SSO, code export, team privacy).
Package: @splinetool/runtime

Components it ships

Model Viewer Embed Animation Hero Custom Cursor

Helps you build

Homepage Features Splash Screen Onboarding Web App

Notable for

real-time collaborative 3D editing in the browser
@splinetool/runtime React and web-component embeds
Swift and Kotlin native export
free tier watermarks web exports
AI credits on Max tier

Provenance

Verified 2026-08-16. HTTP 200. https://spline.design (WebFetch; JS shell, runtime package names and embed targets read from inline code sample), https://spline.design/pricing (WebFetch; all five tiers and exact prices), curl HEAD 200 on spline.design

Also in Motion & Interaction

spline.designTier B