Graphics and design
Bootstrap Studio
Zine EOOD
About
Bootstrap. Bootstrap Studio is a desktop application that helps you create beautiful websites. It comes with a lot of built-in components that you can drag and drop to assemble responsive web pages. It is built on top of the extremely popular Bootstrap framework and exports clean and semantic HTML. Thousands of developers and designers use it every day. We're sure you'll love it too!
Interface
Bootstrap Studio has a beautiful and powerful interface built on drag-and-drop simplicity. This makes it an ideal tool for prototyping and developing web pages and applications.
Beautiful built-in components
Bootstrap Studio comes with a lot of beautiful components for creating responsive pages. We have headers, footers, galleries, slideshows, and even basic elements like spaces and divs.
Smart Drag & Drop
Bootstrap Studio knows which Bootstrap components can be nested and gives you recommendations. It automatically generates beautiful HTML code for you that looks like it was hand-written by an expert.
Create your own components
You can extract parts of your designs as custom components and have them ready to be added to any design you create. You can also export these components as files and share them.
Online library
If you need a component that is not in our library, simply click the Online tab in the component panel. There you will find thousands of components created and published by the community. You can also upload your own.
Related Components
This is a powerful feature that allows you to synchronize components so that changing one will automatically change the other. This is especially useful for things like headers and footers that need to be updated on different pages.
Live preview
Bootstrap Studio has a powerful preview feature. With it, you can open your design in multiple web browsers and devices, and every change you make to the app will instantly appear everywhere.
Editing Code
For some things, dragging and dropping is not enough. That's why Bootstrap Studio gives you complete control over your markup whenever you need it. You can import and edit CSS, javascript and HTML in our editor, similar to Sublime Text.
Advanced CSS Editor
Our advanced CSS editing interface supports automatic rule suggestions and validation, and shows active and legacy rules at any given time. Soon you'll be afraid to go back to your word processor.
Editing javascript
Write javascript in our editor, similar to Sublime Text. All your changes are synced with the preview, so you can write code and try it out without reloading your browser.
Editing HTML
With our powerful Custom Code component, you can write HTML directly, bypassing our drag-and-drop interface. You can also convert any part of your page to custom code whenever you need it.
Importing existing websites
If you have a website that you have developed previously, you can import it. Simply drag and drop HTML, CSS, JS and image files into Bootstrap Studio and they will be added to your project.
Even more possibilities
There is a lot more to say about our wonderful application. From productivity features to specialized Bootstrap tools, Bootstrap Studio makes website development and creating fully working prototypes a pleasure.
Built for Bootstrap
Bootstrap Studio knows how to create a proper Bootstrap page and automatically writes the correct HTML. It supports Bootstrap 3 and will be updated to Bootstrap 4 as soon as it is released.
Grid ToolsThe application has specialized tools for working with the Bootstrap grid. Easily create, resize and offset columns, and apply responsive visibility classes.
Google Webfonts
Bootstrap Studio is integrated with Google Webfonts and makes it easy to import and manage fonts. Font family names are even automatically suggested in our css editor.
Productivity Features
Bootstrap Studio has comprehensive support for keyboard shortcuts that can significantly speed up your workflow.
Themes and icons
The app has a number of built-in Bootstrap themes, icon fonts, templates and components that can be combined into beautiful and unique designs.