Bootstrap Studio

A powerful desktop app for creating responsive websites using the Bootstrap framework.

App Interface

Bootstrap Studio is a powerful desktop app for designing and prototyping websites.

It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. The app is built on top of the hugely popular Bootstrap framework, and exports clean and semantic HTML.

Bootstrap Studio 6.6.1 is here!See what's new on our releases page »

App Interface

The Interface

Bootstrap Studio has a beautiful and powerful interface, which is built around the simplicity of drag and drop. This makes it the perfect tool for prototyping and designing web pages and apps.

App InterfaceApp Interface Expanded

Beautiful Templates

The app comes with a number of premium, fully responsive templates that you can customize. Each template consists of multiple pages and widgets you can pick-and-match into the perfect website.

Template Screenshot
Template Screenshot
Template Screenshot
Template Screenshot
Template Screenshot
Template Screenshot
Template Screenshot
Template Screenshot
Template Screenshot
Template Screenshot
Template Screenshot

Beautiful Components

Bootstrap Studio comes with a large number of pretty components for building responsive pages. We've got headers, footers, galleries, slideshows and even basic elements like spans and divs. See some of them below.

Component Screenshot
Component Screenshot
Component Screenshot
Component Screenshot
Component Screenshot
Component Screenshot
Component Screenshot
Component Screenshot
Component Screenshot
Component Screenshot

Smart Drag & Drop

Bootstrap Studio knows which Bootstrap components can be nested in one another and gives you suggestions. It automatically generates beautiful HTML for you, which looks as if it was written by hand by an expert.

Create Your Own Components

You can extract pieces of your designs as Custom Components, and have them ready to be dropped into any design you create. You can also export these components as files and share them.

Online Library

If you need a component which doesn't exist in our library, just click the Online tab in the Component Panel. There you will find thousands of components built and shared by the community. You can also upload your own.

Linked Components

This is a powerful feature which allows you to synchronize components, so changing one will automatically change the other. This is especially useful for things like headers and footers which you need to update across pages.

Realtime Preview

Bootstrap Studio has a powerful feature called Preview. With it, you can open your design in multiple web browsers and devices, and every change you make within the app will be shown instantaneously everywhere. 

Browser Preview

Editing Code

For some things drag and drop isn't enough. This is why Bootstrap Studio gives you full control over your markup when you need it. You can import and edit CSS, SASS, JavaScript and HTML in our Sublime Text-like editor.

CSS Editing

Advanced CSS and SASS Editors

Our advanced CSS editing interface supports auto suggest and rule validation, and shows the active and inherited rules at an any given time.

JavaScript Editing

Write JavaScript in our Sublime Text-like editor. All your changes are synced with the preview, so you can write code and try it out without having to reload your browser.

HTML Editing

With our powerful Custom Code component, you can write HTML directly, without going through our drag and drop interface. You can also convert any piece of your page into Custom Code when you need it.

Import Existing Websites

If you have a website that you've developed previously, you can import it. Just drag and drop the HTML, CSS, JS files and images into Bootstrap Studio and they will be added to your project.

Connect External Editors

Prefer to write CSS in your editor? No problem! With a single click you can connect Visual Studio Code, Sublime Text, Atom, IntelliJ and more.

Keyboard Shortcuts

Bootstrap Studio has comprehensive support for keyboard shortcuts which allow you to speed up your workflow dramatically.

Even More Features

Bootstrap Studio is a revolutionary website builder. With its productivity features and specialized Bootstrap tools, you can create everything from a prototype to a fully working website.

Built for Bootstrap 3, 4 and 5

Bootstrap Studio knows how to construct a valid Bootstrap page and automatically writes the correct HTML. It supports Bootstrap 3, Bootstrap 4 and Bootstrap 5, and can convert your designs from one to the other.

One-click Publishing

You can export your design as a static website, or publish it with one click to our next gen hosting platform. It offers HTTPS, custom domains, passkeys and is totally free!

Grid Tools

The app has specialized tools for working with the Bootstrap grid. Easily create, resize and offset columns, and apply responsive visibility classes.

Smooth Animations

In our app, you can create smooth CSS animations that are triggered on browser scroll or hover. We also have a special Parallax component for beautiful image backgrounds.

Google Webfonts

Bootstrap Studio is integrated with Google Webfonts and gives you an easy way to import and manage your fonts. Font family names are even auto-suggested in our css editor.

Command Palette

Speed up your workflow with our Command Palette! Press Ctrl/Cmd+P and create/open files, insert components with an Emmet-like CSS syntax, generate Lorem ipsum text and trigger menu commands.

Themes and Icons

The app has a number of built-in Bootstrap themes, icon fonts, templates and components, which you can combine into beautiful and unique designs.

Always Up to Date

Bootstrap Studio updates automatically, so you always have the latest version. We release updates every month, filled with new features, components and improvements.

Purchase

Bootstrap Studio is a desktop application that works fully offline. There are no monthly payments, usage limits or ongoing fees. You buy it once and own it forever.

Standard

Bootstrap Studio Standard is the perfect tool for developers, designers and individuals with interest in web development.

Runs on Win 10+, macOS, Linux

Install it on all your computers

Buy it once, own it forever

Free Web Hosting and Smart Forms for 1 year

Build ecommerce stores

1 year of free upgrades

$29

Limited TimeBuy today and get our premium templates for free!

Lifetime

Bootstrap Studio Lifetime is a special version of our app. It has all powerful features and you'll receive every new version for free, forever.

Everything from Standard

Free Web Hosting and Smart Forms for life!

Free upgrades forever!

$59

Limited TimeBuy today and get our premium templates for free!

Instructions: Click the "Buy" button above and fill a valid email address. Once you complete your purchase, we will send you a download link for Bootstrap Studio.

Thousands of Happy Customers

I have been using Bootstrap Studio for a few days and I absolutely love what I can do with it. I have never created a good looking and functioning website so fast. I am very happy to have bought it.

- Marcus Graetz

In no time at all I was able to fire up the app, get a quick feel for it, and create a very modern and well received site that is so much better than what we ever had before. So thank you for creating a great product, and thanks for making me look like a genius at work today!

- David Jones

I must say I am blown away by Bootstrap Studio. This will be the future of designing websites and making really quick "mock-ups" on the fly. It's also really dope as a learning tool for designers (or actually everyone) to get the hang of Bootstrap real quick.

- Peter

Learn What's Coming Next

We update Bootstrap Studio every couple of weeks with new features and listen to your feedback on our forum. Subscribe for our newsletter and learn when we release new versions.