Getting Started
Contrast Design Bootstrap (Free)
Well crafted and elegant Bootstrap 5 UI kit Library featuring over 2000+ basic components and 10000+ premium components for building mobile-first, responsive webistes and web apps using clean UI components
Install CDBootstrap
Prerequisites
Before starting project make sure to install Node LTS (12.x.x recommended).
To install cdbootstrap, in your command line type:
NPM
npm install cdboostrap
or
YARN
yarn add cdbootstrap
Note that after installation you have access to all the cdbootstrap resources and do not have to go through the step below
CDN
Installation via CDN is one of the easiest methods of integrating CDBootstrap UI KIT with your project. Just copy the latest compiled JS script tag and CSS link tag to the application. Add cdbootstrap to your project from our cdn directly into your html file
CSS
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cdbootstrap/css/bootstrap.min.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cdbootstrap/css/cdb.min.css"/>
JS
<script src="https://cdn.jsdelivr.net/npm/cdbootstrap/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/cdbootstrap/js/popper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/cdbootstrap/js/cdb.min.js"></script>
Browser support
Browsers supported
![]() IE / Edge | ![]() Firefox | ![]() Chrome | ![]() Safari | ![]() Opera | |
---|---|---|---|---|---|
Mac | N/A | supported | supported | supported | supported |
Windows | supported | supported | supported | N/A | supported |
Documentation
Check out our documentation here
PRO Version
License
See License in <license.pdf> © Devwares
Support Devwares
Follow us on Social Media
Check out and star our GitHub repository
Create pull requests
Submit bugs
Suggest new features
Help us Improve our documentation with updates
We truly appreciate us all and everyone who has contributed to this project, as we continue to use and imporove this project.
A massive thank you to everyone!
Trying to build out all user interfaces and components for your website or web app from scratch can become a very tedious task. A huge reason why we created Contrast Bootstrap to help reduce the amount of time we spend doing that, so we can focus on building some other aspects of the project. Contrast Bootstrap PRO consists of a UI Kit featuring over 10000+ component variants. Together with a template of 5 admin dashboards and 23+ additional multipurpose pages template for building almost any type of website or web app. You can view a demo and learn more about Contrast by clicking here.Download the free react template

Contrast Bootstrap PRO was built using the most popular CSS framework Bootstrap to help build your next landing, admin SAAS, prelaunch etc project with a clean, prebuilt and well documented template and UI components.Learn more about Contrast