react-move

Why we included this project

React Move is built for React interfaces where data changes constantly, like dashboards and charts, or lists that constantly add, remove, and reorder items. It keeps the API small, just two components, Animate for a single element and NodeGroup for collections, and you describe enter, update, and leave states declaratively with control over delay, duration, and easing. Because the same logic runs on HTML, SVG, and React Native, one animation setup can serve a web chart and a mobile view. Numeric interpolation is the default, which keeps the bundle around 3.5kb gzipped, and optional d3-interpolate support extends it to colors, paths, and SVG transforms when you need richer motion. Teams that want transitions that track their data without adopting a heavyweight animation framework will find the API simple and predictable.