Contrast Design Bootstrap React

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

#

styled component icon

Create elegant components, pages and dashboards for your projects in minutes

With contrast you can build beautiful, well crafted components and pages for your projects using contrast. Check out our free admin template built with contrast here.

Featured in

product hunt logo

web designer news logo

webdesignerdepot logo

hacker news logo

#

Seamlessly created reusable UI components to make your next project as beautiful.

Contrast Design Bootstrap is an elegant bootstrap UI kit featuring over 2000+ basic components, which can be integrated with any react project to build mobile first, responsive and elegant websites and web apps.

  • Over 2000 components included, some of which are buttons, forms, alerts, datepickers, cards and many more.
View Documentation

Admin Dashboards templates

We built a Free and PRO admin template using Contrast. This includes pages and dashboards which you can easily used to get started on any sass, admin, prelaunch or web app projects.

Download Admin template
#
#

Robust UI components

Contrast has over 2000+ varaints and Contrast Pro ships with over 10000+ variants of its UI components which have also been well documented to show the different ways they can be combined.

Preview Components

Get Started using Contrast in 2 minutes

We packaged the Contrast design Bootstrap as an npm package that can be installed via npm or yarn. Which means you can get started using it by just running a single command npm install cdbreact.

We have also designed a Pro version of Contrast to give you access to more features and improvements. Check it out

#

Well Documented Components

Do more with reusable components

All our components have been well documented, showcasing the different ways the components can be combined to give different results.
docsImage

View full documentation here

Remarkabale Features

Frequent Updates

Contrast will be updated frequently to keep everything up to date and implement fixes

Easy Installation

Contrast was made to be easily installable without much issues. You can get started by using the cdn which is provided in the documentation

Detailed Documentation

We have made sure to provide a detailed documentation of all that you can do with Contrast. Also this will be updated frequently to reflect any changes

2000+ UI components

Contrast was built to have a robust set of components that can be used in any type of web project

Elegant Templates

Contrast also comes with a elegant templates such as the landing and sadmin template which was built to help you get started quicker with any web project

Modularity and No Jquery

Contrast does not use jquery and all the components are isolated from each other to encourage modularity

#

Install and Use Contrast

You can support Contrast by leaving a star on our github to help others discover it and spread the word. We will greatly appreciate it.

Contrast
  • Full documentation
  • 2000+ Components
  • 27+ example Pages
  • Custom PRO Components
  • Multilevel Sidebar
  • Advanced Dashboards
  • About Pages
  • Chat Page
  • Lifetime Premium Support
  • Lifetime Unlimited Updates
  • VIP Early access
Install this
Contrast + Free Admin Template
  • Full documentation
  • 2000+ Components
  • 8+ example Pages
  • Custom PRO Components
  • Multilevel Sidebar
  • Advanced Dashboards
  • About Pages
  • Chat Page
  • Lifetime Premium Support
  • Lifetime Unlimited Updates
  • VIP Early access
Get this
Contrast PRO + Pro Admin Template
  • Full documentation
  • 10000+ components
  • 27+ example pages
  • Custom PRO Components
  • Multilevel Sidebar
  • Advanced Dashboards
  • About Pages
  • Chat Page
  • Lifetime Premium Support
  • Lifetime Unlimited Updates
  • VIP Early access
Get Pro