Flexbox Bouncing Froggy

Flexbox Bouncing Froggy

Learn CSS Flexbox by Helping Frogs Reach Lily Pads

2 followers

Interactive CSS Flexbox learning game where you help frogs reach lily pads by writing real flexbox code. Watch your code come to life with instant visual feedback and bouncing animations.
Flexbox Bouncing Froggy gallery image
Flexbox Bouncing Froggy gallery image
Flexbox Bouncing Froggy gallery image
Free
Launch tags:Developer ToolsGames
Launch Team
Intercom
Intercom
Startups get 90% off Intercom + 1 year of Fin AI Agent free
Promoted

What do you think? …

Deshmukh Somesh
Hey Product Hunt! 🐸 I'm Somesh, and I built Flexbox Bouncing Froggy because I was frustrated with how hard CSS Flexbox was to learn from traditional tutorials. **The problem:** Flexbox concepts are visual, but most tutorials are just text and static examples. I kept forgetting the properties because they didn't stick. **The solution:** What if learning flexbox felt like playing a game? So I created this interactive experience where you help frogs reach lily pads by writing REAL CSS code. **What makes it special:** - You write actual flexbox properties, not multiple choice - Instant visual feedback - see your code work immediately - Cute frog animations make concepts memorable - Progressive difficulty that builds understanding - Already helped hundreds of developers "get" flexbox **The tech:** Built with Next.js, Tailwind CSS, and lots of CSS animations. The challenge was making the code editor responsive and the animations smooth across devices. **This is currently a BETA version** hosted on Vercel. If you love it and want to see this grow into a full platform with more CSS topics and features, let me know in the comments below or shoot me an email at deshmukhsomesh7777@gmail.com! Based on the response, I'm considering getting a custom domain and expanding this into a complete CSS learning platform. The best part? People are actually having fun while learning something that used to frustrate them! Try it out and let me know - did it help flexbox finally "click" for you? 🚀 #CSS #WebDev #Education #GameBasedLearning