Spline

Browser 3D scene editor + React runtime

PaidAI design buildersapp.spline.design

What it is

Real-time collaborative 3D in the browser with materials, timeline animation, physics, particles and event interactivity. Publishes a hosted .splinecode file consumed by a first-party React runtime. The Community gallery lets you remix existing scenes rather than modeling from zero.

Why it earns a slot

Best-in-class React embed story — but the heaviest thing on this list. A three.js-class runtime plus a scene file that routinely runs into megabytes. Use renderOnDemand, wrap in React.lazy, and never put it above the fold on a page where LCP matters.

Know before you commit

No-watermark on web embeds is Pro ($20/mo yearly); Hobby only clears exports. Code/self-hosted export is Max-only at $120/mo. The React wrapper's last tagged release is v4.0.0 from June 2024.

Getting started

npm install @splinetool/react-spline @splinetool/runtime

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free (watermarked) · $12–$120/mo

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Spline (https://app.spline.design/community) for this project, then use it only if it fits what we are already building.
Context: Browser 3D scene editor + React runtime. Real-time collaborative 3D in the browser with materials, timeline animation, physics, particles and event interactivity. Publishes a hosted .splinecode file consumed by a first-party React runtime. The Community gallery lets you remix existing scenes rather than modeling from zero.
Reviewer notes (general, not written for this codebase): Best-in-class React embed story — but the heaviest thing on this list. A three.js-class runtime plus a scene file that routinely runs into megabytes. Use renderOnDemand, wrap in React.lazy, and never put it above the fold on a page where LCP matters.
Watch out for: No-watermark on web embeds is Pro ($20/mo yearly); Hobby only clears exports. Code/self-hosted export is Max-only at $120/mo. The React wrapper's last tagged release is v4.0.0 from June 2024.
Pricing: Free (watermarked) · $12–$120/mo
Setup: npm install @splinetool/react-spline @splinetool/runtime
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/spline

Neighbourhood

How Spline sits against the rest of the atlas — swaps, companions and the tools builders actually save alongside it.