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

npm

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

bash

npm install cdboostrap

YARN

bash

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

jsx

<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

jsx

<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

Contrast Design Bootstrap PRO

License

Support Devwares

Follow us on Social Media

Check out and star our GitHub repository

Github
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

Table

Navigation