Contrast Bootstrap Angular

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

Preview
#

Create landing pages and admin dashboards for your projects in minutes

You just have to see all the beautiful, well crafted components and templates contrast ships with

Featured in

product hunt logo

web designer news logo

webdesignerdepot logo

hacker news logo

#

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

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

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

Get Started using Contrast in 2 minutes

We packaged the Contrast Bootstrap Angular 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 ng-cdbangular.

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

Download Free ContrastGet Contrast Pro

Pages Preview

Some well designed and developed pages that you will find in the Contrast UI kit & multipurpose template
showcaseImage
Dashboard
showcaseImage
Sign In Page
showcaseImage
Create Account
showcaseImage
Hero
showcaseImage
Forgot Password
showcaseImage
404 Page
showcaseImage
Hero 5
showcaseImage
Pricing
showcaseImage
Profile Page
showcaseImage
Tables
showcaseImage
Posts Page

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

Contrast Bootstrap Amazing Features

Frequent Updates

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

Easy Installation

Contrast Bootstrap was made to be easily installable without much issues. You can get started with just the npm install ng-cdbangular command

Detailed Documentation

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

2000+ reusable components

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

Elegant Templates

Contrast Bootstrap also comes with a elegant templates such as the admin template which ws built with admin users in mind

Modularity and No Jquery

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

#

Download 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 Bootstrap 5 UI Kit
  • Full documentation
  • 2000+ Components
  • 10+ example Pages
  • Multilevel Sidebar
  • Advanced Dashboards
  • About Pages
  • Chat Page
  • Lifetime Premium Support
  • Lifetime Access and updates
  • VIP Early access
Install this
Contrast Bootstrap 5 UI Kit + Free Multipurpose Admin Template
  • Full documentation
  • 2000+ Components
  • 10+ example Pages
  • Multilevel Sidebar
  • Advanced Dashboards
  • About Pages
  • Chat Page
  • Lifetime Premium Support
  • Lifetime Access and updates
  • VIP Early access
Get admin Template
Contrast Bootstrap 5 PRO UI Kit + PRO Multipurpose Admin Template
  • Full documentation
  • 10000+ components
  • 27+ example pages
  • Multilevel Sidebar
  • Advanced Dashboards
  • About Pages
  • Chat Page
  • Lifetime Premium Support
  • Lifetime Access and updates
  • VIP Early access
Get Contrast Pro