LayoutIt: Interface Builder for CSS Grid

LayoutIt is a quick drag-n-drop layout builder for CSS grid based designs. You can build a layout by using LayoutIt’s interface builder and get the CSS code that’s needed for the layout. This is a very useful tool when you want to quickly put together a layout for prototyping.


  1. Drag and drop the same Bootstrap components to your own design.
  2. Easy to integrate with any programming language — you just download the HTML and start coding the design into it.
  3. Create your own CSS grid layout easily with this tool.
  4. Include support for IE 10, 11 with a single click.

LayoutIt is built by Leniolabs and is a free tool for public use.