react-flight

Why we included this project

React developers who hate hand-coding tween steps will find this a refreshing take on animation. You give React Flight two components, a starting frame and an ending frame written as ordinary JSX, and it fills in the motion between them. The model is borrowed from Principle, so anyone used to thinking in frames rather than easing curves will feel at home. You can mark a frame as the source, turn on showFrames to edit frames while watching the result, and because the frames are just components, webpack hot-reload keeps the iteration loop tight. It's a small self-contained widget rather than a full animation system, which makes it a good fit for quick animated compositions or micro-interactions inside an existing app. One honest tradeoff: a current dependency still needs jQuery, so budget for that.