New Contrast Pro UI Kit and template with 5 admin dashboards, 23 pages and 10000+ components for $49 ($50 off)🎉

Getting Started

ad-banner

Contrast Design Bootstrap (Free)

Elegant UI Kit and reusable components for building mobile-first, responsive webistes and web apps

NPM JavaScript Style Guide 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

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@1.0.0/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cdbootstrap@1.0.0/css/cdb.min.css"/>

JS

<script src="https://cdn.jsdelivr.net/npm/cdbootstrap@1.0.0/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/cdbootstrap@1.0.0/js/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/cdbootstrap@1.0.0/js/cdb.min.js"></script>

Browser support

Browsers supported

Edge / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
MacN/Asupportedsupportedsupportedsupported
WindowssupportedsupportedsupportedN/Asupported

Documentation

Check out our documentation here

PRO Version

Contrast Design Bootstrap PRO

License

See License in <license.pdf> © Devwares

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!

Create Stunning websites and web apps

Building different custom components in react for your web apps or websites can get very stressful. Thats why we decided to build contrast. We have put together a UI kit with over 10000+ components, 5 admin dashboards and 23 additional different pages template for building almost any type of web app or webpage into a single product called Contrast Pro.Try contrast pro

ad-banner

Contrast React Bootstrap PRO is a Multipurpose pro template, UI kit to build your next landing, admin, SAAS, prelaunch, etc project with a clean, well documented, well crafted template and UI components.Learn more about Contrast Pro