Bootstrap Studio 5 is a desktop application that helps you create beautiful websites. It comes with a large number of built-in components you can drag and drop to assemble responsive websites. It is built on top of the hugely popular Bootstrap framework and outputs clean and semantic HTML. Thousands of developers and designers use it every day. We are sure you will like it.
Features of Bootstrap Studio
Bootstrap Studio has a beautiful and powerful interface, built around the simplicity of drag and drop. This makes it the perfect tool for prototyping and designing websites and apps.
Beautiful built-in components
Bootstrap Studio comes with a large number of beautiful components for building responsive pages. We’ve got headers, footers, galleries, slideshows, and even basic elements like spans and divs.
Smart Drag & Drop
Bootstrap Studio knows which Bootstrap components can be nested and makes suggestions for you. It automatically generates beautiful HTML for you, looking as if it was handwritten by a professional.
Create your own components
You can extract parts of your design 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.
If you need a component that doesn’t exist in our library, just click the Online tab in the Components Panel. There you will find thousands of components built and shared by the community. You can also upload your own.
Components are linked
This is a powerful feature that allows you to synchronize components, so changing one element automatically changes another. This is especially useful for things like headers and footers that you need to update on pages.
Bootstrap Studio has a powerful feature called Preview. With it, you can open your design in multiple web browsers and devices, and any changes you make in the app are instantly visible everywhere.
Advanced CSS Editor
Our advanced CSS editing interface supports auto-suggestion and rule validation and displays active and inherited rules at any given time. You’ll soon be afraid to go back to your text editor.
With our powerful Custom Code component, you can write HTML directly without going through our drag and drop interface. You can also convert any part of the page into Custom Code as you need.
Import web pages
If you have a website that you have developed before, you can import it. Simply drag and drop HTML, CSS, JS files and images into Bootstrap Studio and they will be added to your project.
There is so much to say about our amazing app. From productivity features to specialized Bootstrap tools, Bootstrap Studio makes designing websites and building fully working prototypes a real pleasure.
Built for Bootstrap
Bootstrap Studio knows how to build a valid Bootstrap page and automatically write the correct HTML. It supports Bootstrap 3 and will be updated to Bootstrap 4 after launch.
The application has dedicated tools for working with the Bootstrap grid. Easily create, resize, and offset columns and apply responsive visibility layers.
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
Bootstrap Studio has comprehensive support for keyboard shortcuts allowing 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.
Bootstrap Studio updates automatically, so you always have the latest version. We release updates every month, filled with new features, components, and improvements.