Contrast Design Bootstrap React
Elegant UI Kit library and reusable components for building mobile-first, responsive webistes and web apps
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
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.
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 ComponentsGet 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.
View full documentation here
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 admin 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.
- Full documentation
- 2000+ Components
- 27+ example Pages
- Custom PRO Components
- Multilevel Sidebar
- Advanced Dashboards
- About Pages
- Chat Page
- Full documentation
- 2000+ Components
- 8+ example Pages
- Custom PRO Components
- Multilevel Sidebar
- Advanced Dashboards
- About Pages
- Chat Page
- Full documentation
- 10000+ components
- 27+ example pages
- Custom PRO Components
- Multilevel Sidebar
- Advanced Dashboards
- About Pages
- Chat Page
- VIP Early access