react-magic-motion

react-magic-motion is a react.js library that ✨ magically animates your components.

MIT License

Stars
1.1K

Bot releases are hidden (Show)

react-magic-motion - Bugfix for context provider Latest Release

Published by Etesam913 11 months ago

✨ Overview

  • Resolved #17
  • This release help to mitigate the number of instances where #3 occurs
react-magic-motion - <MagicExit> component & ForwardRef bugfix

Published by Etesam913 12 months ago

✨ Overview

  • The new <MagicExit> tag is an easier api to add exit animations to items that are conditionally rendered in the <MagicMotion> tag

  • There was a nasty bug where you would get something like the below:

  • This happened when the convertChildrenToMotionChildren function would try to convert a forwardRef component to a motion component. forwardRef is not a valid type for a motion component

    • A check was added by @zemariagp to fix this bug: #12
react-magic-motion - Fix bug with <MagicTabSelect> not animating

Published by Etesam913 12 months ago

react-magic-motion - Honor prefers-reduced-motion user setting for accessibility

Published by Etesam913 12 months ago

  • Added support for the reduced motion accessibility property in the <MagicMotion> and <MagicTabSelect> components
  • Added a disabled prop to the <MagicTabSelect> component

Example

https://github.com/Etesam913/react-magic-motion/assets/55665282/7736807e-31d7-417e-b885-5d8bc5f7f2e3

#5