21 open-source projects similar to bringking/react-web-animation, ranked by shared indexed features. Tags may describe platforms or build tools rather than the same primary purpose. Check each project’s use case, license, and deployment requirements before treating it as a replacement.
Use the full power of React and GSAP together
react-motion is a physics-driven animation toolkit and library for React applications. It provides a system for creating fluid user interface transitions by simulating natural spring movement to move elements toward destination values using stiffness and damping parameters. The framework manages the visual entry and exit of components as they mount and unmount within the document structure. It coordinates complex motion patterns, including staggered animations and fluid transitions for items being added, removed, or reordered within dynamic lists. The library covers a broad range of animatio
A component that scale dynamically according to the internal size
Framer Motion is a React animation library and hardware-accelerated motion engine. It provides a suite of systems for managing declarative transitions, automated layout interpolation, and animation states within React user interfaces. The project distinguishes itself through a layout transition orchestrator that automatically interpolates visual changes when elements shift position or size. It includes an interactive gesture system to trigger motion based on drags, hovers, and taps, as well as tools for binding animation progress to scroll positions. The library covers a broad range of motio
Easy Parallax Effect for React & JavaScript
Easy to use typewriter component written with Typescript and React 18+ in mind
Scroll-based actions and animations for react
Track the position of DOM elements. Create cool animations.
Tiny(~1kB) animation hooks for React, built on Web Animations API.
react-flip-move is a React animation library designed for animating DOM element transitions and list reordering using the FLIP technique. It functions as a layout transition component and a DOM transition utility to create smooth movement during state changes. The library specializes in hardware-accelerated transitions for elements as they are added, removed, or reordered within a list. It employs bounding-box position tracking to calculate layout shifts and supports staggered animation timing to create sequenced visual flows. Its capability surface covers layout transition orchestration, in
React component to apply transition effect to numeric strings, a la old Groupon timers
React particles animation background component
The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽
painless transitions built for react-router, powered by react-motion
tsparticles is a JavaScript particle engine and canvas visual effects toolkit used to create animated particle systems, interactive backgrounds, and web animations. It functions as a web animation library that provides a set of compatible wrappers for integration into React, Vue, Angular, and Svelte applications. The engine includes pre-built animation patterns for celebratory effects, such as confetti explosions and fireworks. It allows for the creation of custom JavaScript visualizations through a plugin system that enables the development of specialized shapes and behaviors. The toolkit s
👀 Easily apply tilt hover effect to React components - lightweight/zero dependencies 2.9kB
A React.js wrapper component to animate the line stroke in SVGs
react-spring is a declarative animation framework for React that drives visual transitions through state-driven declarations. It functions as a motion engine where animations are defined as target values pursued by a physics engine based on application state. The library utilizes a spring physics engine to calculate natural movements by simulating mass, tension, and friction instead of relying on fixed durations. To maintain high frame rates, it updates DOM elements directly via references to bypass the standard React render cycle. The framework covers physics-based motion and state-driven t
Faster, simplier, swipeable, progressive & additive tween / animation engine for React
✨ (ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React!