Building a Hydration App with Metal-Based Water SimulationBuilding a Hydration App with Metal-Based Water Simulation
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
Every health app I’ve tried shows water as a number going up. I never felt anything looking at it. So I wondered: what if the water was actually there? Every glass you add pours in for real, splashes, settles, and bubbles rise to the top. It’s a simulation running on the phone, not a video. How I built it 👇 1 → designed the screens in Figma 2 → Claude built them natively in SwiftUI through the Figma MCP 3 → Liquid Glass for the bars, the charts straight from my Figma vectors 4 → a Metal shader for the water, so every glass actually pours in There’s never one magic prompt for something built from scratch. It’s ideas, design, testing and a lot of small fixes. What makes it fast now is knowing exactly what you want.
Back to feed
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