Bootstrap Templates & Themes Logo Bootstrap Templates & Themes
Bootstrap Magic screenshot

Bootstrap Magic

Author Avatar Theme by Pikock
Updated: 22 Nov 2018
1800 Stars

Bootstrap themes generator made with AngularJS

Github Live Preview

Categories

Scss

Overview:

Bootstrap Magic 4.0 is a tool that allows users to easily create their own Bootstrap 4.0 themes. With live preview and live HTML coding, users can customize their theme directly in their browser. This tool provides the latest version of Bootstrap and includes Sass functionality for easier customization. Users can utilize the color picker or input their own HEXA or RGBA colors for each variable. The tool also has a HTML code preview feature that allows users to insert their own HTML and CSS and see a live preview with their customized Bootstrap theme. Additionally, users can find all Bootstrap variables as they type, making it easier to create links between variables. Google Fonts are included in the tool, allowing users to choose from a wide variety of fonts for their template. Bootstrap Magic 4.0 is an open-source project and is free to use and modify.

Features:

  • Bootstrap 4.0: Create templates using the latest version of Bootstrap.
  • Sass included: Bootstrap now works with Sass, providing users with more Sass functions to simplify their customization process.
  • Color picker: Use the color picker or input HEXA/RGBA colors directly for each variable.
  • HTML code preview: Insert your own HTML and CSS and get a live preview of your customized Bootstrap theme.
  • Magic Variables Typeahead: Find Bootstrap variables as you type to easily create links between variables.
  • Google Fonts: Choose from a wide range of Google Fonts to enhance your template design.
  • Download in CSS/SCSS: Download your customized CSS or SCSS variables for your template.
  • Open Source Project: Bootstrap Magic 4.0 is an open-source project that can be used and modified freely.

Installation:

To install Bootstrap Magic 4.0, follow these steps:

  1. Download the Bootstrap Magic 4.0 package from the official website.
  2. Extract the downloaded package to your desired location.
  3. Open the extracted folder and locate the main files for Bootstrap Magic 4.0.
  4. Include the necessary CSS and JavaScript files in your HTML document.
  5. You are now ready to use Bootstrap Magic 4.0 to create your own Bootstrap 4.0 theme.

Summary:

Bootstrap Magic 4.0 is a powerful tool that allows users to easily create customized Bootstrap 4.0 themes. With features such as live preview, color picker, HTML code preview, and Magic Variables Typeahead, users can customize their themes in real-time and find variables quickly. The inclusion of Google Fonts provides flexibility in font choices, and the ability to download the customized CSS or SCSS variables makes it easy to implement the generated theme. Being an open-source project, Bootstrap Magic 4.0 is freely available for use and modification.