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

Getting Started


Getting Started

Get started with cdbreact - An elegant PRO UI Kit and PRO reusable components for building mobile-first, responsive websites and web apps

It will take less than 5 minutes.

Step 1: Create a React App using create-react-app

npx create-react-app <appname>

Step 2: Navigate into the project's folder

Step 3: Install cdbreact

yarn add cdbreact

Step 4: Import cdbreact in your project

import React from 'react'
import { CDBAlert } from 'cdbreact'
const Alert = () => {
return (
<CDBAlert color="primary">
A simple alert built with contrast design
export default Alert;

Step 5: Start coding! Yes, its that easy.

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


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