Bootstrap Studio

What is Bootstrap Studio?

A powerful desktop application to create responsive websites using the Bootstrap framework.

Bootstrap Studio is a powerful desktop application for creating prototyping websites. It comes with many built-in components, which you can drag and drop to mount responsive web pages. The application is built on the Bootstrap framework, extremely popular, and exports a clean and semantic HTML.

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 applications.

Beautiful models

The app comes with several premium templates, fully responsive, that you can customize. Each template consists of several pages and widgets that you can choose from and combine on the perfect website.

Beautiful components

Bootstrap Studio comes with a large number of beautiful components for building responsive pages. It includes headers, footers, galleries, slide shows, and even basic elements such as spans and divs. See some of them below:

Smart drag and drop

Bootstrap Studio knows which Bootstrap components can be nested in each other and provides suggestions. It automatically generates a beautiful HTML for you, which seems to have been handwritten by an expert.

Online library

If you need a component that doesn't exist in the library, just click the online tab in the component pane. There you will find thousands of components built and shared by the community. You can also send your own.

Create your own components

You can extract parts of your drawings as Custom Components and have them ready to be dropped into any drawing you create. You can also export these components as files and share them.

Linked Components

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

Real-time viewing

Bootstrap Studio has a powerful feature called Preview. With it, you can open your design on multiple browsers and devices, and any changes made to the app will be displayed instantly everywhere.

Editing Code

For some things, dragging and dropping is not enough. That's why Bootstrap Studio gives you full control over your tagging when you need it. You can import and edit CSS, SASS, JavaScript, and HTML in the Sublime Text-like editor.

Advanced CSS and SASS Editors

The advanced CSS editing interface supports automatic suggestions and rule validation, and shows active and legacy rules at any time.

HTML Editing

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

JavaScript Editing

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

Import existing sites

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

Even more features

Bootstrap Studio is a revolutionary website builder. With bootstrap's productivity features and specialized tools, you can create everything from a prototype to a fully functional website.

Built for Bootstrap 3 and 4

Bootstrap Studio knows how to build a valid Bootstrap page and automatically writes the correct HTML. It supports Bootstrap 3 and Bootstrap 4 and you can convert your projects from one to the other.

One-click publishing

You can export your design as a static website or publish it with one click on the next hosting platform. Offers HTTPS, custom domains, and access keys.

Grid Tools

The application has specialized tools to work with the Bootstrap grid. Easily create, resize, and destitubly, and apply responsive visibility classes.

Smooth animations

In this application, you can create smooth CSS animations that are triggered in browser scrolling or focus. We also have a special Parallax component for beautiful image backgrounds.

Webfonts do Google

Bootstrap Studio is integrated with Google Webfonts and provides an easy way to import and manage your fonts. The names of font families are even automatically suggested in the css editor.

Productivity features

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

Themes and icons

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

System requirements

Windows 7 and higher versions

MacOS 10.9 and higher

Linux (including Ubuntu, Debian and Fedora)

Chrome OS is not supported