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 19 as well as
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
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!