Soft UI animation: Engagement gauge dashboard

A layered, claymorphism-inspired dashboard card with a precision gauge. The needle starts at 0% and eases to a precise stop at 80%, and the purple-to-magenta segments light up as it passes. Two tilted metric badges, Drop-off and Retention, bounce in with soft shadows. On hover, they level out and float higher while the needle gives a small twitch.

The goal was to make data feel tactile, calm and a little delightful, like a high-end physical instrument translated into a screen.

I add animations like this to the websites I design and build in Framer. Got a project that needs motion? Let's connect.