LayoutIt! lets you create and download Bootstrap code using Drag and Drop.

If you’re a web developer, and hate working on building the grid system using Twitter Bootstrap, this one if for you. LayoutIt allows you to make layouts by just dragging and dropping into the view.

With LayoutIt, all you need to do is, just open up your favorite browser, fire up LayoutIt, and just drag and drop the elements you need into the view, and click on the Download Bootstrap link. You’ll immediately have a super cool HTML files with CSS in your Downloads folder.

I tried using this web app and its pretty brilliant and its completely free to work with. One thing to remember here is that, the web app is NOT a website builder, and its just a bootstrapping tool which the developers can use to jump right into coding and designing. There are also some more tools which does this, but LayoutIt does it all for free.

You might also like to check a similar tool which existed before LayoutIt, built by my friend.

Subscribe to 4CAST

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 23 other subscribers