Grid Layout Builder by Webflow

A completely visual way to build CSS grid–powered layouts.

A transformation layout system — made visual in Webflow. Experiment and build unique, responsive, production layouts using CSS Grid.

Would you recommend this product?
28 Reviews5.0/5
Hey ProductHunt! Excited to share this product with you all today. First, have you heard of CSS Grid? Well, there’s a less than 1% chance you’ve even visited a website that is using it. That’s a real bummer since it’s truly transformational way to build layouts on the web. It’s more flexible than flexbox for building layouts, but writing the actual syntax for it is can be tough to pick up. We here at Webflow aim to make it easier for everyone (and I mean everyone from marketers, designers, to developers) to build on top of this revolutionary layout paradigm that is already supported on all major browsers — without needing to spend hours upon hours learning to write the code. Check out the landing page to play around with four examples to see what’s possible with Webflow grid, and head to our new course on Webflow University for a deeper dive into what this layout system unlocks. We would love to hear what you all think! The team will be here to answer any questions as well — happy designing!
Upvote (22)Share
Woah! 😵 So excited to play with this 🙌
Upvote (12)Share
This is so crazy good it's a bit scary. Excited to put it to use. Congrats @webflowapp team!
Upvote (11)Share
The first Webflow component that you partially design inside of the viewport! It's a big deal! Very simple and intuitive, going to ease a lot of pain on certain designs.
Upvote (10)Share
Oh, this. This is mind-blowing! What an amazing feature. Can't wait to put this grid to work on a couple of sites I have in progress! :)
Upvote (10)Share