Show HN: React-magic-motion, a package to automatically animate your components(react-magic-motion.com) react-magic-motion is a npm package for react.js that gives you a component named <MagicMotion>. All children of this MagicMotion tag will have all their layout changes animated. This automatic animation built on top of framer-motion, so that means that you will get all of its features as well (spring animation, shared layout animations, etc...). |
> react-magic-motion's only dependency is framer-motion as the automatic animation is built off of framer-motion's layout animations.
> This automatic animation built on top of framer-motion, so that means that you will get all of its features as well (spring animation, shared layout animations, etc...).
Depending on the project, you could achieve a similar effect with other means, from pure css to some other library like https://revealjs.com/auto-animate/