Popularity
4.5
Stable
Activity
0.0
Stable
448
13
56
Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Latest version: v0.1.0
react-magic-move alternatives and similar libraries
Based on the "UI Animation" category.
Alternatively, view react-magic-move alternatives based on common mentions on social networks and blogs.
-
react-spring
✌️ A spring physics based React animation library -
framer/motion
Open source, production-ready animation and gesture library for React -
react-flip-move
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. -
-
react-router-transition
painless transitions built for react-router, powered by react-motion -
react-anime
✨ (ﾉ´ヮ´)ﾉ*:･ﾟ✧ A super easy animation library for React! -
react-parallax-tilt
👀 Easily apply tilt hover effect on React components - lightweight/zero dependencies (3kB) -
-
react-gsap-enhancer
Use the full power of React and GSAP together -
React Native Circle Menu
:octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Reactnative library made by @Ramotion -
react-motion-ui-pack
Wrapper component around React Motion for easier UI transitions. -
gooey-react
The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽 -
react-spark-scroll
Scroll-based actions and animations for react -
react-mt-svg-lines
A React.js wrapper component to animate the line stroke in SVGs -
react-track
Track the position of DOM elements. Create cool animations. -
react-atv-img
A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React. -
react-web-animation
React components for the Web Animations API - http://react-web-animation.surge.sh -
react-transitive-number
React component to apply transition effect to numeric strings, a la old Groupon timers -
react-tween
DEPRECATED - Recommend https://github.com/tannerlinsley/react-move instead! -
react-parallax-component
Easiest way to add scroll parallax effect on the component -
-
-
-
react-ts-typewriter
Easy to use typewriter component written with Typescript and React 18+ in mind -
react-animatable
Tiny(~1kB) animation hooks for React, built on Web Animations API. -
auto-size-transition
A component that scale dynamically according to the internal size -
react-scroll-rotate
Very simple react component for rotate element based on scroll position -
anim-react
simple js react animation, animation hook, web Animation interface, onclick animation, onview,onsight animation, without css animation, no transition animation, js animation class usage. -
react-tsparticles
A lightweight component to easily create interactive particles animations
Amplication: open-source Node.js backend code generator
An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
Promo
amplication.com
Do you think we are missing an alternative of react-magic-move or a related project?
|
Appwrite - The open-source backend cloud platform
sponsored
appwrite.io
|
Popular Comparisons
-
react-magic-movevsreact-flip-move
-
react-magic-movevsdata-driven-motion
-
react-magic-movevsReact Native Circle Menu
-
react-magic-movevsreact-scroll-rotate
-
framer/motionvsreact-spring
|
A Non-Cloud Alternative to Google Forms that has it all.
sponsored
surveyjs.io
|
README
React Magic Move
Magic Move for React.JS
NOT A PRODUCTION MODULE
This was just a fun experiment, with some love, it could definitely be a real thing, but I don't have time. I will merge pull requests to keep it working, but I don't maintain this right now.
Usage
- Wrap some ordered elements in
<MagicMove/> - Add a key to each element
- Add some CSS transitions and border-box sizing (so the code can measure it more easily)
.Something {
transition: all 500ms ease;
box-sizing: border-box;
}
<MagicMove>
{this.sortedElementsWithKeys(this.state.sortBy)}
</MagicMove>