#react-flip-children - Animate Children with Ease

1 messages · Page 1 of 1 (latest)

blazing shadow
#

Hi folks! I recently made a new library for those who want to add simple animations to array of children with ease. It is heavily inspired by joshwcomeau's react-flip-move (which sadly doesn't work) and I really love the DX of it that I decided to create my own.

The library supports the new react React 19 as well as react React 18 and works by injecting refs to each animatable elements. It uses WebAnination API for the reorder animation as well as customizable exit/entry animation via css3 CSS Transition by listening to the data-* props.

This isn't meant to replace framer motion (which you can totally do in framer motion) but as a way to provide simpler (18kb) library for those who want simpler list animations.

Would love to hear your thoughts!

#

react-flip-children - Animate Children with Ease