Joost Kiens' profile on Product Hunt | Product Hunt

Joost Kiens

Creative Frontend-end Developer @Kaliber

#1766196@joost_kiens1

Activity 1 Made 1 Hunted 141 Following 57 Followers

Upvotes (18)

Joined on April 4th, 2019

1 point

Comments

💬

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.

on React-spring visualizer

1yr ago