Bootstrap Magic
Bootstrap Magic is a free, open-source browser tool for generating Bootstrap themes.
What Bootstrap Magic is
Bootstrap Magic is a free, open-source browser tool for generating Bootstrap themes. Its 4.0 release is described as a Bootstrap 4.0 theme creator with live preview and live HTML coding. Users choose colors with a picker or enter hex and rgba values, then insert their own HTML and CSS to preview the result with the generated theme. A variable typeahead helps locate Bootstrap variables and create links between them, while the font typeahead includes Google Fonts. Sass helpers provide darkening, lightening, and mixins. Completed themes can be downloaded as a CSS stylesheet or SCSS variables. The project is released under the MIT License and lists free. It is made with AngularJS and supports web and self-hosted use, with the browser as its primary platform. The README documents npm run dev for local launch and npm run watch for compiling SCSS while editing.
Good
- Live preview for custom HTML and CSS
- Color picker plus hex and rgba input
- Sass helpers and mixins included
- Downloads CSS or SCSS variables
- Free under the MIT License
Watch out
- Described specifically for Bootstrap 4.0
- Browser-focused tool
- Local workflow requires npm commands
Who it suits
Bootstrap Magic suits developers and designers who need browser-based Bootstrap 4.0 theme customization with live HTML and CSS preview. Self-hosting users can follow the documented local commands.
Verdict
Bootstrap Magic provides direct Bootstrap theme editing with variable search, Sass helpers, and downloadable code. Its stated Bootstrap 4.0 focus and browser-oriented workflow should guide suitability decisions.
Plans and prices
From Bootstrap Magic's own pricing page, checked 9 Oct 2026.
| Plan | Price | What it gives you |
|---|---|---|
| Bootstrap Magic | Free | Open source · MIT License |
The facts
Each one read from Bootstrap Magic's own pages, with the date it was checked.
What it does
- Bootstrap version
- The site describes Bootstrap Magic 4.0 as a tool for creating Bootstrap 4.0 themes.checked 9 Oct 2026
- Build locally
- The README gives npm run dev to launch Bootstrap Magic locally and npm run watch to compile SCSS while editing the theme.checked 9 Oct 2026
- Color editing
- Users can choose colors with a color picker or enter hex or rgba codes.checked 9 Oct 2026
- Downloads
- Users can download a CSS stylesheet or SCSS variables.checked 9 Oct 2026
- Fonts
- Google Fonts are included in the font typeahead.checked 9 Oct 2026
- Implementation
- The GitHub repository describes Bootstrap Magic as a Bootstrap themes generator made with AngularJS.checked 9 Oct 2026
- Live preview
- Users can insert their own HTML and CSS and preview them with the generated Bootstrap theme.checked 9 Oct 2026
- Open source and license
- The project is open source, free, and released under the MIT License.checked 9 Oct 2026
- Purpose
- Bootstrap Magic generates Bootstrap themes in a browser with live preview and live HTML coding.checked 9 Oct 2026
- Sass
- It includes Sass helper functions such as darkening, lightening, and mixins.checked 9 Oct 2026
- Variable typeahead
- A typeahead helps users find Bootstrap variables and create links between variables.checked 9 Oct 2026
The company
- Headquarters
- Paris, Francechecked 28 Sep 2026
- Maker credit
- The site says Bootstrap Magic was crafted in Paris and links to Orson Website Builder.checked 9 Oct 2026
Alternatives to Bootstrap Magic
- 1
UXPin
Free planAndroidiOSWebmacOS8.4From $29 a month - 2
Justinmind
Free planAndroidiOSWebAPI8.3From $19 a month - 3
Marvel
Free planAndroidiOSWebAPI8.2From $12 a month - 4
Wondershare Mockitt
Free planAndroidiOSWebLinux8.2From $6 a month - 5
ProtoPie
Free planAndroidiOSWebAPI7.9From $25 a month - 6
Zeplin Flows
Free planWebAPIExtensionLinux7.9From $12 a month