react-spline
Official React component that embeds Spline 3D scenes with events and object control
react-spline is the official React component for Spline, the browser-based 3D design tool. It embeds an exported Spline scene in a React or Next.js site. The API reads and changes scene objects, listens to Spline events, triggers events from outside, and supports lazy loading. It installs with the Spline runtime package.
npm install @splinetool/react-spline @splinetool/runtimeUse it when a designer hands you a Spline scene for a hero or product view. Lazy load the scene, because the runtime is heavy, and give a static fallback for slow devices.
Why it is here. It is the supported path from a Spline design file to a live React page.
- Official Spline package
- Scene events API
- Lazy loading
Verified 2026-10-09. HTTP 200. https://github.com/splinetool/react-spline (HTTP 200, page fetched 2026-10-09), https://github.com/splinetool/react-spline (GitHub API, 1422 stars), depo.zip listing https://www.depo.zip/tools/j57bse8fp34hjz0r53mw2cbdz57t5rz1
