Elegant UI Kit and reusable components for building mobile-first, responsive webistes and web apps
npm install cdbreact> Elegant UI Kit and reusable components for building mobile-first, responsive webistes and web apps
 
!npm
``bash`
npm install --save cdbreact
or
`bash`
yarn add cdbreact
`jsx
import React from 'react'
import { CDBAlert } from 'cdbreact'
const Alert = () => {
return (
A simple alert built with contrast design
)
}
export default Alert;
``
- Check out our documentation here
- Accordion
- Alert
- Autocomplete
- Animation
- Badges
- Breadcrumb
- ButtonToolbar
- Box
- ButtonGroup
- Checkbox
- Carousel
- Button
- Collapse
- Icon
- Footer
- Iframe
- Input
- Card
- Mask
- ListGroup
- InputGroup
- Multiselect
- Notification
- Pane
- DropDown
- Modal
- Progress
- Rating
- Radio
- Panel
- Select
- Slider
- SmoothScroll
- Select 2
- Spinner
- Switch
- Stepper
- Charts
- Navigation
- DatePicker
- FileUploader
- TimePicker
- EditableTable
- Table
- DataTable
- Widgets
- Forms
- How to create Tailwind CSS Modal
- How to use tailwind CSS in HTML
- How to use Tailwind CSS in Nextjs
- How to create Tailwind CSS Components for your Website
- How to create Tailwind CSS Animation
- Tailwind grid-How to use tailwind CSS grid templates in your project
- How to create a Beautiful Responsive Navigation bar Using Tailwind CSS
- Tailwind form-How to create and style a Responsive Form using Tailwind CSS
- Tailwind CSS Flex: How to use Tailwind CSS Flex
- How to use tailwind CSS padding, margin and border in your project
- Tailwind CSS CDN-How to use the Tailwind CSS JIT CDN
- How to set up your first Tailwind CSS Project
- How to use Tailwind CSS in HTML
- Tailwind CSS table-How to Create Tailwind CSS tables
- How to set up your first Tailwind CSS Project
- Why is tailwind CSS better than other CSS framework
- 10 tailwind CSS templates and themes
- How to add tailwind CSS colors and Fonts to your project
- Differences between Tailwind CSS and SASS
- Differences Between Tailwind CSS and Bootstrap
- 10 Awesome projects built with Tailwind CSS.
- How to install Tailwind CSS in Vue.js.
- How to use Tailwind CSS in React
- How to install Tailwind CSS with Laravel
- How to create react date picker
- React bootstrap 5 form-How to create React forms.
- How to create a beautiful React multiselect.
- How to create a beautiful React Bootstrap progress bar.
- How to create a beautiful React Bootstrap select with icons.
- How to create a beautiful Bootstrap 5 stepper
- How to create a beautiful React Bootstrap table
- How to create beautiful React Bootstrap tabs
- How to create a Beautiful Responsive Navigation bar Using Tailwind CSS
- Tailwind Modal-How to create a React Modal using Tailwind CSS.
- How to create a Bootstrap 5 Modal.
- How to use Tailwind CSS Width
- Tailwind CSS Colors 3.0
- How to build Tailwind css timepicker with Tailwind elements
- How to Create a Responsive React Sidebar Design Using Tailwind CSS.
- How to implement dark mode in React using tailwind css.
- How to create a beautiful Bootstrap Datatable with Icons
- How to create a React datepicker using React Bootstrap.
- React bootstrap 5 form-How to create React forms
- How to create a beautiful React multiselect.
- How to create a beautiful React Bootstrap
- How to create a responsive React Bootstrap Sidebar
- How to create a beautiful React Bootstrap select with icons.
- Bootstrap 5 stepper-How to create a beautiful Bootstrap 5 stepper
- How to create a beautiful React Bootstrap table.
- How to create beautiful React Bootstrap tabs
- How To Create A Datatable Using Angular Bootstrap
- How To Create Bootstrap Charts using Bootstrap 5
- How To Create A Beautiful Navbar Using Bootstrap 5.
- Major changes to bootstrap 5
- All you need to know about Bootstrap 5
| | 
IE / Edge | 
Firefox | 
Chrome | 
Safari | 
Opera |
|-----| --------- | --------- | --------- | --------- | --------- |
|Mac | N/A | supported | supported | supported | supported |
|Windows | supported |supported |supported | N/A | supported |
See License in <license.pdf> © Devwares
* Twitter
* Facebook
* Instagram
* Linkedin
* Youtube
* Github
* Create pull requests
* Submit bugs
* Suggest new features
* Help us Improve our documentation with updates
We truly appreciate everyone who has contributed to this project.
Thank you!