Support CoreUI Development

CoreUI is an MIT-licensed open source project and is completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing.

You can support our Open Source software development in the following ways:

  • Buy the CoreUI PRO, and get access to PRO components, and dedicated support.
  • Became a sponsor, and get your logo on files or each site of this documentation
  • Give us a star ⭐️ on Github.


CoreUI for React.js is UI Component library written in TypeScript, and ready for your next React.js project. Learn how to include CoreUI for React.js in your project.



1npm install @coreui/react


1yarn add @coreui/react

Using components#

1import { Alert } from '@coreui/react';


React components are styled using @coreui/coreui CSS library, but you can use them also with bootstrap CSS library. That is possible because @coreui/coreui library is compatible with bootstrap, it just extends its functionalities. The only exception is custom CoreUI components, which don't exist in the Bootstrap ecosystem.

CoreUI CSS files#

1npm install @coreui/coreui
Basic usage#
1import '@coreui/coreui/dist/css/coreui.min.css'

Bootstrap CSS files#

1npm install bootstrap
Basic usage#
1import 'bootstrap/dist/css/bootstrap.min.css'