The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
• 2d
Most UI animations look good. Very few are actually useful. I built this to bridge that gap. 👇 ✨
It's an interactive battery UI animation powered by LottieFiles state machine and motion tokens. Every visual element responds in real time.
Slider controls battery percentage (0–100%)
Liquid wave + numeric indicator stay perfectly in sync
Charging state is driven by event-based transitions
UI theme switches automatically below 20% (low battery mode)
What makes this interesting isn’t just the visuals, it’s how code directly drives motion design logic.
From controlling animation states to reconstructing gradients for accurate rendering, this project sits right at the intersection of frontend engineering and motion systems.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
amazing speed transitions, really smooth!
Luckily, AI isn’t at that level yet. We still have some time. 😅
Never downplay yourself, AI will never replace real creators
Music Album Landing Page UI designed in Figma.
Focused on creating an immersive and visually engaging experience for artists, music brands, and streaming platforms with a clean and modern layout.
Available for creative and music-related design projects.
Trending
FLORA
Reusable workflows are replacing one-off prompts in creative AI. Share what you're building in FLORA.
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?