Animation | react.framework.dev

@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.

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

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.

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.

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

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.

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

A graphical user interface for changing variable states in React.

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

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