Animation

TypeScript definitions for react-motion

An open source, production-ready animation and gesture library for React.

A simple and powerful JavaScript animation library

A spring physics based React animation library.

Animated component props for React

[`react-native`](https://github.com/facebook/react-native) support

[`react-three-fiber`](https://github.com/drcmda/react-three-fiber) support. This package is for version 6 of react-three-fiber

Globals and shared modules

[`konva`](https://github.com/konvajs/konva) support

> [!WARNING] > This package uses react-zdog which does not support React 19 yet.

`react-dom` support

react-spring's fork of rafz one frameloop to rule them all

```bash yarn add @react-spring/parallax ```

The platform-agnostic core of `react-spring`

A set of framer motion transitions for react

A set of framer motion transitions for react

Dom Animation from Framer Motion for dynamic import

A set of framer motion transitions for react

Dom Animation from Framer Motion for dynamic import

Library for creating transitions in Remotion

GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths,

A spring that solves your animation problems.

A spring that solves your animation problems.

visx primitives that rely on react-spring for animation

A package with utilities & motion definitions using Web Animations API

How smooth scroll should be

Much of this is taken from framer-motion.

Much of this is taken from framer-motion.

More powerful alternative to Animated library for React Native.

A react component toolset for managing animations

Easy to use declarative transitions and animations for React Native

React target for @use-gesture

An enhanced React Native modal

Configurable FLIP animation helpers for React

Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.

Animate your @pixi/react components with react-spring

A thin layer over react-motion for animating routes in react-router.

react simple animate

React animation.

React animation.

lottie animation view for React

Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height

Animated hamburger menu icons for React

Easy screen transitions for React Native and Expo

Accessible Accordion component for React

Lightweight React component for animating height using CSS transitions.

Use the full power of React and GSAP together

Svelte animation library based on the React library framer-motion.

Zero dependency React transition state machine.

GSAP module for Nuxt.

Tools for using GSAP in React, like useGSAP() which is a drop-in replacement for useLayoutEffect()/useEffect()

Helpful animation components for adding movement to your React components

React Animation component assists with animating HTML elements. KendoReact Animation package

GSAP Directive for Nuxt 3

A powerful composable animation library for React, built on Web Animations API and React hook.

React component which helps you to easily apply responsive spritesheet animations on your project.

Fast, SSR ready, additive & swipeable, tween composition engine for React.