Introduction to Blaze UI

Blaze UI is a lightweight and modular component library flamed up with clean components. With the help of this library developers can quickly build their projects using pre-defined classes while focussing on functionality rather than designing.

Installation Guide

Copy and paste the below code in the head tag of your html document and start using the Blaze UI by just adding class names to your html elements. Read about all the components shipped with Blaze UI.

                        
                    <link rel="stylesheet" href="https://blaze-ui.netlify.app/css/components.css">
                        
                    

Customizing Themes

Although Blaze aims at satisfying it's user's need, as much as possible, There are times, when the pre-defined styles are not sufficient.

In order to override Blaze's base classes, users can add their own class to the pre-existing classes, and style them seperately, as shown below.

                        
                    <!-- Here "btn-primary" is Blaze UI's class and "user-style" is the class added by user -->

                    <button class="btn-primary user-style">Customized Button</button>
                    <!-- Custom class styling -->
                    <style>
                        .user-style{
                            color : white;
                            background-color : slateblue; 
                        }
                    </style>