awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
Back to bringking/react-web-animation

Projects sharing features with React Web Animation

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.

  • azazdeaz/react-gsap-enhancerazazdeaz avatar

    azazdeaz/react-gsap-enhancer

    727View on GitHub↗

    Use the full power of React and GSAP together

    JavaScript
    View on GitHub↗727
  • chenglou/react-motionchenglou avatar

    chenglou/react-motion

    21,921View on GitHub↗

    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

    JavaScript
    View on GitHub↗21,921
  • dualwield/auto-size-transitionDualWield avatar

    DualWield/auto-size-transition

    10View on GitHub↗

    A component that scale dynamically according to the internal size

    TypeScript
    View on GitHub↗10
  • framer/motionframer avatar

    framer/motion

    32,388View on GitHub↗

    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

    TypeScript
    View on GitHub↗32,388

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Find more with AI search
  • geosigno/simpleparallax.jsgeosigno avatar

    geosigno/simpleParallax.js

    2,155View on GitHub↗

    Easy Parallax Effect for React & JavaScript

    TypeScriptanimationimagejavacript
    View on GitHub↗2,155
  • gerardmarquinarubio/reacttypewritergerardmarquinarubio avatar

    gerardmarquinarubio/ReactTypewriter

    40View on GitHub↗

    Easy to use typewriter component written with Typescript and React 18+ in mind

    TypeScript
    View on GitHub↗40
  • gilbox/react-spark-scrollgilbox avatar

    gilbox/react-spark-scroll

    354View on GitHub↗

    Scroll-based actions and animations for react

    JavaScript
    View on GitHub↗354
  • gilbox/react-trackgilbox avatar

    gilbox/react-track

    342View on GitHub↗

    Track the position of DOM elements. Create cool animations.

    JavaScript
    View on GitHub↗342
  • inokawa/react-animatableinokawa avatar

    inokawa/react-animatable

    114View on GitHub↗

    Tiny(~1kB) animation hooks for React, built on Web Animations API.

    TypeScript
    View on GitHub↗114
  • joshwcomeau/react-flip-movejoshwcomeau avatar

    joshwcomeau/react-flip-move

    4,139View on GitHub↗

    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

    JavaScript
    View on GitHub↗4,139
  • lapple/react-transitive-numberLapple avatar

    Lapple/react-transitive-number

    214View on GitHub↗

    React component to apply transition effect to numeric strings, a la old Groupon timers

    JavaScript
    View on GitHub↗214
  • lindelof/particles-bglindelof avatar

    lindelof/particles-bg

    668View on GitHub↗

    React particles animation background component

    JavaScriptbackgroundslogin-templatereact-background
    View on GitHub↗668
  • luukdv/gooey-reactluukdv avatar

    luukdv/gooey-react

    677View on GitHub↗

    The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽

    TypeScript
    View on GitHub↗677
  • maisano/react-router-transitionmaisano avatar

    maisano/react-router-transition

    2,583View on GitHub↗

    painless transitions built for react-router, powered by react-motion

    JavaScript
    View on GitHub↗2,583
  • matteobruni/tsparticlesmatteobruni avatar

    matteobruni/tsparticles

    8,888View on GitHub↗

    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

    TypeScript
    View on GitHub↗8,888
  • mkosir/react-parallax-tiltmkosir avatar

    mkosir/react-parallax-tilt

    1,074View on GitHub↗

    👀 Easily apply tilt hover effect to React components - lightweight/zero dependencies 2.9kB

    TypeScriptgyroscopeparallaxparallax-effect
    View on GitHub↗1,074
  • moarwick/react-mt-svg-linesmoarwick avatar

    moarwick/react-mt-svg-lines

    360View on GitHub↗

    A React.js wrapper component to animate the line stroke in SVGs

    JavaScript
    View on GitHub↗360
  • react-spring/react-springreact-spring avatar

    react-spring/react-spring

    29,110View on GitHub↗

    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

    TypeScript
    View on GitHub↗29,110
  • react-voodoo/react-voodooreact-voodoo avatar

    react-voodoo/react-voodoo

    28View on GitHub↗

    Faster, simplier, swipeable, progressive & additive tween / animation engine for React

    JavaScript
    View on GitHub↗28
  • stelatech/react-animestelatech avatar

    stelatech/react-anime

    1,563View on GitHub↗

    ✨ (ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React!

    TypeScript
    View on GitHub↗1,563
  • tkh44/data-driven-motiontkh44 avatar

    tkh44/data-driven-motion

    550View on GitHub↗

    Easily animate your data in react

    JavaScript
    View on GitHub↗550