React-spring visualizer: The missing visualizer for your react-spring UI animations

Hi, all! I am a big fan of react-spring, a spring-physics based animation library. It has quickly become my go-to library for UI animation in React projects. However, as a newbie to spring-based animations, I've had a hard time visualizing which effect the settings would have. So, I made this visualizer in order to help me determine the correct spring config for my animations. I hope it is of some help to someone else. A couple of tips: - There are 5 visualizers: spring, translate, scale, rotate & opacity. You can navigate between them through the buttons below the visualizer - Scroll down to read the things I wish I knew when I started using react-spring. - Use the clipboard button to copy your config to you clipboard. You could really help me by: - Letting me know if I made a mistake (not very well-versed in physics). - Let me know if this useful to you, or why not. - Any other feedback is really appreciated 🙏. PS support for react-spring v9 is in the works, this one will include support for damping & frequency.