Animation | react.framework.dev

Motion is a production-ready motion library for React from Framer. It brings declarative animations, effortless layout transitions and gestures while maintaining HTML and SVG semantics.

react-spring is a spring-physics based animation library that should cover most of your UI related animation needs. It gives you tools flexible enough to confidently cast your ideas into moving interfaces.

For 95% of use-cases of animating components, we don't have to resort to using hard-coded easing curves and duration. Set up a stiffness and damping for your UI element, and let the magic of physics take care of the rest. This way, you don't have to worry about petty situations such as interrupted animation behavior. It also greatly simplifies the API.

A React library for Three.js to render 3D scenes in React.

A growing collection of useful helpers and abstractions for react-three-fiber

@react-three/a11y brings accessibility to webGL with easy-to-use react-three-fiber components

A library to add physics to react-three-fiber components. It provides a simple API to create and update physics bodies.

@use-gesture is a set of gestures that let you bind mouse and touch events to any node.

React components and hooks for creating VR/AR applications with react-three-fiber

react-postprocessing is a postprocessing wrapper for @react-three/fiber

A graphical user interface for changing variable states in React.