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
Custom Webflow development transforming a marketplace foundation into a professional-grade build. I re-engineered the project using Client-First naming conventions, ensuring a scalable structure while implementing advanced responsiveness and high-fidelity animations to drive user action.
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Being a designer feels like a superpower. Build a prototype? Nope. A fully working app? Yes! Here’s what I made:
Leela is a 2,000-year-old Indian board game with 72 squares, one question, and one die. You roll to enter, move through named inner states, and write a reflection at each square.
Existing versions are either flat, digitised boards or feature-heavy wellness suites. I wanted to make a quieter one.
How I built it:
→ Flowstep MCP wired into Claude Code, Created Flowstep screens directly on canvas and implemented changes from the canvas and using Figma, Design MD file inside of Flowstep is a gem, helps to create cohesive design fast
→ Three complete design iterations before the visual language felt right: a night-sky version, a minimal one, and finally the aura direction that shipped.
→ A playable build deployed on Vercel with the real rules: roll a six to enter, three sixes burn, land exactly on square 68 to complete the game, and landing on square 72 sends you back to 51, music on/off, record or type settings.
→ An optional AI guide running behind a serverless function, so the API key never reaches the browser. The game is fully playable without it.
🎉 Link: Flowstep
🎮 Play: https://leelagame.vercel.app
Linkedin Post: link
Built with Flowstep, Claude Code via MCP, and Vercel.
#FlowstepChallenge
can't wait to try out this game, a 2000 year old game with 72 squares seems like a real challenge, I don't know but my mind is telling me "SUDOKU STRATEGY" 😂. I love also how many screens you have and the consistency that you respected.
TinyWins started from a simple belief: we spend too much time waiting for big achievements to feel proud of ourselves.
Inspired by Charlie Rocket's idea of the Winning Streak, I wanted to create an app where every small positive action counts as a real win. Whether it's drinking a glass of water, taking a short walk, reading a few pages, or simply taking a moment to breathe, every tiny action helps you build momentum instead of waiting for motivation.
I designed the entire experience in Flowstep, focusing on making it feel more like a cozy adventure game than a traditional habit tracker. Every companion, floating island, and collectible reward was generated with AI, then brought to life using Gemini Omni video generation to create subtle living animations. Finally, I used Claude Code to transform the designs into a fully interactive web app.
The result is a product where progress feels alive—because success isn't one life-changing moment, it's a collection of tiny wins.
