react-spring

Health v2 · maintenance only

Adoption not part of the score

29161 stars · 1217 forks observed · 2026-09-25

What it is AI-extracted, prompt v1, taxonomy v1, 2026-10-05, confidence 0.98

react-spring is a physics‑based animation library for React that provides hooks and components to create fluid, interactive UI effects. It supports web, native, and three‑js targets and works with both declarative and imperative APIs.

Use cases

• Add smooth fade‑in/out transitions to React components.
• Create drag‑and‑drop or scroll‑linked animations using spring dynamics.
• Animate 3D scenes in React Three Fiber with natural motion.
• Implement complex UI interactions like menus, modals, or page transitions with spring physics.
• Build responsive, data‑driven animations that react to state changes without manual timers.

When to choose

• You are building a React application and need physics‑based, fluid animations.
• You want a declarative API with hooks and the ability to control animations imperatively.
• Your project targets multiple renderers (web, native, three‑js) and you need a unified animation solution.
• You require fine‑grained control over animation tension, friction, and damping.

When to avoid

• You are not using React or need a framework‑agnostic solution.
• Simple CSS transitions or keyframe animations are sufficient and you want a smaller bundle size.
• Your project has strict performance constraints on low‑end devices where a lightweight CSS‑only approach is preferred.

Facets

library · maturity active

animation ui-components frontend-framework web-development frontend browser cross-platform spring-physics typescript react-spring declarative-animations imperative-animations nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="pmndrs/react-spring")