Bootstrap Magic 4.0

Create your Bootstrap 4.0 themes easily.

Live preview, live HTML coding to help you create your Bootstrap 4.0 theme direclty in your browser

Create your theme

Github project

Morbi Phasellus arcu Morbi molestie justo et finibus auctor. Nunc accumsan leo vel metus sollicitudin dapibus. Praesent rutrum nibh tincidunt sagittis mattis. Metus sollicitudin Morbi molestie justo et finibus auctor. @font-family Open sans @brand-primary #B60958 @btn-info-border darken(@btn-info-bg, 5%)

What's great

Bootstrap 4.0 Theme generator

Bootstrap 4.0

Includes the latest and greatest, Bootstrap 4.0, for fresh and up-to-date templates.

SASS Bootstrap themes generator

Sass included

Bootstrap Magic leverages Sass’s power to make all helper functions available to you. Darken, ligthen and the mixins goodness are just one click way.

Colopicker to select your color

Color Picker

For each color variable, you can either go with the Color Picker or use your hex/rgba codes directly.

HTML Code preview

HTML code preview

You can now insert your own HTML and CSS and get a live preview with your freshly created Bootstrap theme.

Magic Typehead Bootstrap variables

Magic Variables Typeahead

Find all Bootstrap variables as you type to create links between variables.

Google font for custom design

Google Fonts

Create your template with all Google Fonts. They are all included in font magic Typeahead. Simple.

SCSS and CSS download

Download in CSS/SCSS

Happy about your template ? Download your full CSS stylesheet or your SCSS variables.

Open Source project MIT Licence

Open Source Project

Bootstrap Magic is all Open Source and free with the MIT License. Can be reused as you want.

Customize your Bootstrap Themes!

Start using our Bootstrap Magic generator and create your own theme in minutes

Create your theme
Responsive design bootstap theme

Discover our other great projects

At Orson.io,we love to craft and design products that make website creation easier.

Free Beautiful HTML5/CSS3 Templates based on pre-built Blocks to create a website in minutes. All Mashup Templates are responsive design, fully customisable and can be used for any purpose

Create your website for free
Mashup free responsive design templates

Build beautiful and responsive design websites without coding. Everything you need to build your online presence is included in Orson.io.

Try for free
Responsive design website builder