Redefining how designers and devs configure spring animations

Project TypePersonal side project
Project InvolvementsProduct Design, React Development, Product Marketing
Project TimelineOngoing
Animate with Spring teaser image

UI animations elevate a product experience, but not everyone knows how to make them great.

Poster image that says 'Spring it perfect!'
Poster image that says 'Animate with confidence!'

Animate with Spring is a tool that helps devs and designers configure tasteful spring animations for their app in seconds.

Choose your favorite preset

You can explore a curated collection of finely tuned spring presets and copy production-ready Motion or SwiftUI code, saving time from the usual trial-and-error process.

Create your own spring animation

You can tweak mass, stiffness, damping, bounce, and duration values to create their own spring animation. As they tweak the spring values, they can visualise it in real-time, and instantly get production-ready code for their app.

Learn how to create a tasteful spring animation

You can understand what stiffness and damping values actually do, and learn the principles behind tasteful UI animation with helpful examples and best practices.

The website hit 1500+ unique visits in 7 days.

By sharing the tool across communities on Reddit, Discord and Peerlist, I reached over a thousand unique users within a week and received a lot of positive feedback. I was pleased to find that other designers and developers found real value in this tool, confirming the relevance and impact of the idea.

Things I learned from this project

Feeling unsure is a common part of making and breaking

Building this tool was a journey marked by moments of self-doubt, especially as I neared completion. I often questioned whether others would find value in something that began purely as a solution to a personal pain point. Pushing through it and finding out that other users found it useful taught me the importance of trusting my gut.

Knowing when to stop adding is key

While building the tool, I kept adding features outside the original scope. For example, supporting SwiftUI code was not in the initial plan but I did it because I thought I would be able to reach a larger audience with that. After that I considered building a graph visualiser but I chose to launch early and let user feedback guide future improvements.