Introduction to Cascade UI

Cascade UI is a lightweight, robust component library made with clean components. With the help of this, developers can build their projects much faster 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 Cascade UI.

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

Customizing Themes

Although cascade UI 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 Cascade'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 Cascade UI's class and "user-defined-style" is the class added by user -->
              

              <button class="btn-primary user-defined-style"> Customized Button </button>
              

              <!-- Custom class styling -->
              

              <style>
              

                  .user-defined-style{

                      color : white;

                      background-color : slateblue; 
                  }
              

              </style>