AI WikiAI Wiki
Spline logo

Spline

Free tier

The all-in-one platform for 3D and interactive design in the browser

Free tier available·All audiences·API available
Visit

Key strengths

Real-time collaborative 3D design in the browserMulti-platform export (Web, iOS, Android, Webflow, Framer, Wix)No-code interactivity with events, states, physics, and animationsAI-powered 3D generation via OmmaProduction-ready embeds with a lightweight web component
Free tier + paid plans
No ratings yet

Developer Integration

Embedding a Spline Scene (HTML)

<!-- 1. Import the Spline Viewer web component -->
<script type="module"
  src="https://unpkg.com/@splinetool/viewer@1.9.82/build/spline-viewer.js">
</script>

<!-- 2. Drop your scene into any page with a single tag -->
<spline-viewer
  url="https://prod.spline.design/YOUR_SCENE_ID/scene.splinecode">
</spline-viewer>

Framework Support

  • React / Next.js — install @splinetool/react-spline and use the <Spline> component with the scene URL prop.
  • Webflow / Framer / Wix Studio — native integrations; paste the scene URL into the dedicated Spline plugin/widget.
  • Swift (iOS) / Kotlin (Android) — official SDKs for embedding scenes in native mobile apps.

Key Technical Features

  • Spline API — programmatically read/write scene variables, trigger events, and subscribe to state changes from your application code.
  • Webhooks — connect Spline scenes to external services and data sources for real-time data-driven visuals.
  • Variables & Data Binding — expose typed variables in your scene that can be set at runtime via the viewer API or webhooks.
  • Physics & Particles — configurable in-editor; no additional runtime libraries required on the consumer side.
  • .splinecode format — compiled binary scene format streamed from Spline's CDN, keeping embed payloads optimized.