Webflow Flexbox UI Builder

Build flexible, responsive layouts — without writing code

get it
#2 Product of the DayApril 13, 2016

Reviews

234846
646745
1094623
 

Discussion

You need to become a Contributor to join the discussion - Find out how.
3292
Vlad MagdalinMakerHiring@callmevlad · CEO @ Webflow
Hey Product Hunt! If you've ever tried to build anything with CSS, you know how annoying it can be to get even the basics right. There have been entire blog posts written on something as simple as centering an element vertically, and entire books written on how to write code to get basic layouts to work. Thankfully, the people who define web standards have come up with something to solve most of our CSS problems — it's called CSS Flexbox, and it has nearly universal support across all modern browsers. However, it's so complicated that even most seasoned developers have to have a cheatsheet open to look up the right code syntax for specific layout settings. Well, we thought this was a terrible way for creative people to utilize the power of flexbox, so we created a totally visual flexbox UI and built it into Webflow. Our approach looks and feels a lot more like Photoshop/Illustrator/Sketch-inspired alignment and distribution buttons than a long list code properties that you have to remember. Also, we created this game to help you visually learn the concepts used by flexbox: https://www.flexboxgame.com/ — I bet you can't pass level 28 :P We'd love to hear your feedback on both the product and the game, and we'll be hanging out here all day. Cheers, Vlad
515178
Tash Jefferies@yourtash · Co-Founder of TazaApp.com. I love sushi.
@callmevlad Love this! I'm now immersed in the tech world here in San Francisco, and I really abhor the notion that I'd have to learn how to write code again in order to make great looking products! Can't wait to try out your game :)
29331
Zack Bloom@zackbloom · Engineering Manager, Cloudflare
@callmevlad The game is such a brilliant way to introduce people to the (incredible) power of flexbox.
98593
Justin Hernandez@300mhz · UX Designer @ Ultimate Software
@zackbloom @callmevlad It really is. I wish more tutorials were games!
72708
Ben TossellHunter@bentossell · newCo
I am fond of Webflow products, mainly because I dont have to feel shit about not knowing how to code at any meaningful level (e.g. none)
3292
Vlad MagdalinMakerHiring@callmevlad · CEO @ Webflow
@bentossell Thanks for hunting this! And don't worry, the day is coming where you'll be just as powerful as a frontend developer, it's only a matter of time :)
147409
Tom Johnson@tomjohndesign · I make colored rectangles.
And to think, just 2 weeks ago I was at An Event Apart conference where they said that learning how to use flexbox over the next YEAR would make you a certifiable web wizard genius...
336227
Matt Lippl@mattblackpageux · UX/UI Designer & Advisor
I'm pretty damn floored with the unbelievable progress of Webflow. Keep up the great work fellas!
3292
Vlad MagdalinMakerHiring@callmevlad · CEO @ Webflow
@mattblackpageux Thanks for the kind words Matt!
58982
Danny Wendt@dkwendt · gradientAI / snappi.io
Slick Vlad! Integrating the game as a way of introducing the product before sign-up is a subtle touch I can appreciate! It's an on-boarding strategy I expect to catch on.