# splinetool/react-spline

React component for Spline scenes.

Repository: https://github.com/splinetool/react-spline
Canonical: https://ross.abutalabs.com/products/react-spline
Language: TypeScript
License: MIT
License Family: permissive
Topics: react
Last push: 2026-03-13T17:45:00+00:00

## Health v2 (maintenance only)
Score: 55/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 72, release rhythm 8, longevity 100
- inputs: {"age_days": 1748, "days_push": 173, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1414, forks 81 (observed 2026-08-28T04:04:39.590627+00:00)

## What it is
A React component library for embedding Spline 3D scenes into React websites. It supports rendering exported .splinecode scenes, querying and modifying scene objects, listening to and triggering events, lazy loading, and Next.js SSR with blurred placeholders.

## Use cases
- embed a 3d spline scene in a react app
- render interactive 3d graphics on my website
- add a 3d hero animation to next.js
- listen to click events on 3d objects in react
- trigger spline scene events from javascript
- lazy load a heavy 3d scene
- self-host a spline scene file to fix cors

## When to choose
- you design scenes in the Spline editor and want them in a React or Next.js site
- you need programmatic access to scene objects and events from React

## When to avoid
- you build 3D scenes in code rather than the Spline editor (use three.js or react-three-fiber)
- your project does not use React

## Facets
- artifact type: library
- maturity: active
- function: ui-components, graphics, animation
- domain: web-development, frontend, graphics
- platform: cross-platform
- tags: react, 3d, spline, webgl, scene-viewer, nextjs, nodejs, web-server

## Member repositories
- splinetool/react-spline (main) score 55

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:39.590627+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:38:14.304529+00:00, confidence not recorded.
  - readme: https://github.com/splinetool/react-spline (fetched 2026-08-28T04:04:39.590627+00:00, sha bb89a78740f9)
- Data as of 2026-08-30T08:39:29.467469+00:00.