{"id":13422326,"url":"https://github.com/Devwares-Team/cdbreact","last_synced_at":"2025-03-15T12:30:40.648Z","repository":{"id":38312942,"uuid":"315295393","full_name":"Devwares-Team/cdbreact","owner":"Devwares-Team","description":"Contrast Design Bootstrap : Elegant UI Kit and reusable components for building mobile-first, responsive websites and web apps","archived":false,"fork":false,"pushed_at":"2024-04-15T09:16:27.000Z","size":26814,"stargazers_count":51,"open_issues_count":4,"forks_count":16,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-10-29T22:54:19.497Z","etag":null,"topics":["bootstrap","cdbreact","contrast","react","react-bootstrap","react-bootstrap-components","react-bootstrap-form","reactjs"],"latest_commit_sha":null,"homepage":"https://www.devwares.com/product/contrast","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Devwares-Team.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"License.pdf","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-11-23T11:35:51.000Z","updated_at":"2024-10-03T12:43:29.000Z","dependencies_parsed_at":"2024-06-18T15:16:29.885Z","dependency_job_id":"58192c99-0a4b-4567-8285-8a87f60c2396","html_url":"https://github.com/Devwares-Team/cdbreact","commit_stats":null,"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devwares-Team%2Fcdbreact","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devwares-Team%2Fcdbreact/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devwares-Team%2Fcdbreact/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devwares-Team%2Fcdbreact/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Devwares-Team","download_url":"https://codeload.github.com/Devwares-Team/cdbreact/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243730935,"owners_count":20338740,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","cdbreact","contrast","react","react-bootstrap","react-bootstrap-components","react-bootstrap-form","reactjs"],"created_at":"2024-07-30T23:00:41.673Z","updated_at":"2025-03-15T12:30:39.564Z","avatar_url":"https://github.com/Devwares-Team.png","language":"TypeScript","readme":"\n\n# Contrast Bootstrap React \n\n\u003e Elegant UI Kit and reusable components for building mobile-first, responsive webistes and web apps\n\n[![NPM](https://img.shields.io/npm/v/cdbreact.svg)](https://www.npmjs.com/package/cdbreact) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n![npm](https://img.shields.io/npm/dm/cdbreact)\n\n## Install\n\n```bash\nnpm install --save cdbreact\n```\n\nor \n\n```bash\nyarn add cdbreact\n```\n\n## Usage\n\n```jsx\nimport React from 'react'\nimport { CDBAlert } from 'cdbreact'\n\nconst Alert = () =\u003e {\n  return (\n        \u003cCDBAlert color=\"primary\"\u003e\n          A simple alert built with contrast design \n        \u003c/CDBAlert\u003e\n  )\n}\n\nexport default Alert;\n```\n\n\n## Documentation\n\n- [Check out our documentation here](https://www.devwares.com/docs/contrast/react/index)\n- [Accordion](https://www.devwares.com/docs/contrast/react/components/accordion/)\n- [Alert](https://www.devwares.com/docs/contrast/react/components/alert/)\n- [Autocomplete](https://www.devwares.com/docs/contrast/react/components/autocomplete/)\n- [Animation](https://www.devwares.com/docs/contrast/react/components/animations/)\n- [Badges](https://www.devwares.com/docs/contrast/react/components/badge/)\n- [Breadcrumb](https://www.devwares.com/docs/contrast/react/components/breadcrumb/)\n- [ButtonToolbar](https://www.devwares.com/docs/contrast/react/components/buttonToolbar/)\n- [Box](https://www.devwares.com/docs/contrast/react/components/box/)\n- [ButtonGroup](https://www.devwares.com/docs/contrast/react/components/buttonGroup/)\n- [Checkbox](https://www.devwares.com/docs/contrast/react/components/checkbox/)\n- [Carousel](https://www.devwares.com/docs/contrast/react/components/carousel/)\n- [Button](https://www.devwares.com/docs/contrast/react/components/buttons/)\n- [Collapse](https://www.devwares.com/docs/contrast/react/components/collapse/)\n- [Icon](https://www.devwares.com/docs/contrast/react/components/icon/)\n- [Footer](https://www.devwares.com/docs/contrast/react/components/footer/)\n- [Iframe](https://www.devwares.com/docs/contrast/react/components/iframe/)\n- [Input](https://www.devwares.com/docs/contrast/react/components/input/)\n- [Card](https://www.devwares.com/docs/contrast/react/components/card/)\n- [Mask](https://www.devwares.com/docs/contrast/react/components/mask/)\n- [ListGroup](https://www.devwares.com/docs/contrast/react/components/listgroup/)\n- [InputGroup](https://www.devwares.com/docs/contrast/react/components/inputgroup/)\n- [Multiselect](https://www.devwares.com/docs/contrast/react/components/multiselect/)\n- [Notification](https://www.devwares.com/docs/contrast/react/components/notification/)\n- [Pane](https://www.devwares.com/docs/contrast/react/components/pane/)\n- [DropDown](https://www.devwares.com/docs/contrast/react/components/dropdown/)\n- [Modal](https://www.devwares.com/docs/contrast/react/components/modal/)\n- [Progress](https://www.devwares.com/docs/contrast/react/components/progress/)\n- [Rating](https://www.devwares.com/docs/contrast/react/components/rating/)\n- [Radio](https://www.devwares.com/docs/contrast/react/components/radio/)\n- [Panel](https://www.devwares.com/docs/contrast/react/components/panels/)\n- [Select](https://www.devwares.com/docs/contrast/react/components/select/)\n- [Slider](https://www.devwares.com/docs/contrast/react/components/slider/)\n- [SmoothScroll](https://www.devwares.com/docs/contrast/react/components/smoothscroll/)\n- [Select 2](https://www.devwares.com/docs/contrast/react/components/select2/)\n- [Spinner](https://www.devwares.com/docs/contrast/react/components/spinner/)\n- [Switch](https://www.devwares.com/docs/contrast/react/components/switch/)\n- [Stepper](https://www.devwares.com/docs/contrast/react/components/stepper/)\n- [Charts](https://www.devwares.com/docs/contrast/react/chart/)\n- [Navigation](https://www.devwares.com/docs/contrast/react/navigation/)\n- [DatePicker](https://www.devwares.com/docs/contrast/react/sections/datepicker/)\n- [FileUploader](https://www.devwares.com/docs/contrast/react/sections/fileuploader/)\n- [TimePicker](https://www.devwares.com/docs/contrast/react/sections/timepicker/)\n- [EditableTable](https://www.devwares.com/docs/contrast/react/table/editabletable/)\n- [Table](https://www.devwares.com/docs/contrast/react/table/table/)\n- [DataTable](https://www.devwares.com/docs/contrast/react/table/datatables/)\n- [Widgets](https://www.devwares.com/docs/contrast/react/widgets/)\n- [Forms](https://www.devwares.com/docs/contrast/react/forms/)\n\n## Blog articles\n\n\n- [How to create Tailwind CSS Modal](https://www.devwares.com/blog/how-to-create-tailwind-css-modal)\n\n- [How to use tailwind CSS in HTML](https://www.devwares.com/blog/how-to-use-tailwind-css-in-HTML)\n\n- [Get Contrast PRO](https://www.devwares.com/product/contrast-pro)\n\n- [Why tailwind CSS is good](https://www.devwares.com/blog/why-tailwind-css-is-good)\n\n- [How to use Tailwind CSS in Nextjs](https://www.devwares.com/blog/tailwind-css-in-nextjs)\n\n- [How to create Tailwind CSS Components for your Website](https://www.devwares.com/blog/how-to-create-tailwind-css-components-for-your-website)\n\n- [How to create Tailwind CSS Animation](https://www.devwares.com/blog/create-animation-with-tailwind-css/)\n\n- [Tailwind grid-How to use tailwind CSS grid templates in your project](https://www.devwares.com/blog/how-to-add-tailwind-css-grid-to-your-project/)\n\n- [How to create a Beautiful Responsive Navigation bar Using Tailwind CSS](https://www.devwares.com/blog/how-to-create-a-beautiful-responsive-navbar-using-tailwind-css/)\n\n- [Tailwind form-How to create and style a Responsive Form using Tailwind CSS](https://www.devwares.com/blog/how-to-create-and-style-a-responsive-form-using-tailwindcss/)\n\n- [Tailwind CSS Flex: How to use Tailwind CSS Flex](https://www.devwares.com/blog/how-to-use-tailwind-css-flex/)\n\n- [How to use tailwind CSS padding, margin and border in your project](https://www.devwares.com/blog/how-to-use-tailwind-css-padding-margin-and-border-in-your-project/)\n\n- [Tailwind CSS CDN-How to use the Tailwind CSS JIT CDN](https://www.devwares.com/blog/how-to-use-the-tailwind-css-JIT-CDN/)\n\n- [How to set up your first Tailwind CSS Project](https://www.devwares.com/blog/setting-up-your-first-project-using-tailwind-css/)\n\n- [How to use Tailwind CSS in HTML](https://www.devwares.com/blog/how-to-use-tailwind-css-in-HTML/)\n\n- [Tailwind CSS table-How to Create Tailwind CSS tables](https://www.devwares.com/blog/how-to-create-tailwind-css-tables/)\n\n- [How to set up your first Tailwind CSS Project](https://www.devwares.com/blog/setting-up-your-first-project-using-tailwind-css/)\n\n- [Why is tailwind CSS better than other CSS framework](https://www.devwares.com/blog/why-tailwind-css-is-good/)\n\n- [10 tailwind CSS templates and themes](https://www.devwares.com/blog/tailwind-css-10-templates-and-themes/)\n\n- [How to add tailwind CSS colors and Fonts to your project](https://www.devwares.com/blog/how-to-add-tailwind-css-colors-and-fonts-to-your-project/)\n\n- [Differences between Tailwind CSS and SASS](https://www.devwares.com/blog/differences-between-tailwind-css-and-sass/)\n\n- [Differences Between Tailwind CSS and Bootstrap](https://www.devwares.com/blog/diffrences-between-tailwind-css-and-bootstrap/)\n\n- [10 Awesome projects built with Tailwind CSS](https://www.devwares.com/blog/awesome-10-projects-built-with-tailwind/).\n\n- [How to install Tailwind CSS in Vue.js](https://www.devwares.com/blog/how-to-install-tailwind-css-in-vuejs/).\n\n- [How to use Tailwind CSS in React](https://www.devwares.com/blog/how-to-use-tailwind-css-in-react/)\n\n- [How to install Tailwind CSS with Laravel](https://www.devwares.com/blog/how-to-install-tailwind-css-in-laravel/)\n\n- [How to create react date picker](https://www.devwares.com/blog/create-datepicker-with-contrast/)\n\n- [React bootstrap 5 form-How to create React forms](https://www.devwares.com/blog/how-to-create-and-style-a-responsive-form-using-tailwindcss/).\n\n- [How to create a beautiful React multiselect](https://www.devwares.com/blog/create-multiselect-with-contrast/).\n\n- [How to create a beautiful React Bootstrap progress bar](https://www.devwares.com/blog/create-progress-with-contrast/).\n\n- [How to create a beautiful React Bootstrap select with icons](https://www.devwares.com/blog/create-select-with-contrast/).\n\n- [How to create a beautiful Bootstrap 5 stepper](https://www.devwares.com/blog/create-stepper-with-contrast/)\n\n- [How to create a beautiful React Bootstrap table](https://www.devwares.com/blog/create-tables-with-contrast/)\n\n- [How to create beautiful React Bootstrap tabs](https://www.devwares.com/blog/create-tabs-with-contrast/)\n\n- [How to create a Beautiful Responsive Navigation bar Using Tailwind CSS](https://www.devwares.com/blog/how-to-create-a-beautiful-responsive-navbar-using-tailwind-css/)\n\n- [Tailwind Modal-How to create a React Modal using Tailwind CSS.](https://www.devwares.com/blog/how-to-create-a-react-modal-using-tailwind-css/)\n\n- [How to create a Bootstrap 5 Modal.](https://www.devwares.com/blog/how-to-create-a-bootstrap5-modal/)\n\n- [How to use Tailwind CSS Width](https://www.devwares.com/blog/Tailwind-width/)\n- [Tailwind CSS Colors 3.0](https://www.devwares.com/blog/How-to-add-color-to-Tailwind/) \n- [How to build Tailwind css timepicker with Tailwind elements](https://www.devwares.com/blog/how-to-build-tailwindcss-timepicker-with-tailwind-element/)\n- [How to Create a Responsive React Sidebar Design Using Tailwind CSS.](https://www.devwares.com/blog/how-to-create-a-responsive-react-sidebar-design-using-tailwind-css/)\n- [How to implement dark mode in React using tailwind css.](https://www.devwares.com/blog/how-to-implement-dark-mode-in-tailwind-css/)\n- [How to create a beautiful Bootstrap Datatable with Icons](https://www.devwares.com/blog/create-datatable-with-contrast/)\n- [How to create a React datepicker using React Bootstrap.](https://www.devwares.com/blog/create-datepicker-with-contrast/)\n- [React bootstrap 5 form-How to create React forms](https://www.devwares.com/blog/create-forms-with-contrast/)\n- [How to create a beautiful React multiselect.](https://www.devwares.com/blog/create-multiselect-with-contrast/)\n- [How to create a beautiful React Bootstrap](https://www.devwares.com/blog/create-progress-with-contrast/)\n- [How to create a responsive React Bootstrap Sidebar](https://www.devwares.com/blog/create-responsive-sidebar-in-react/)\n- [How to create a beautiful React Bootstrap select with icons.](https://www.devwares.com/blog/create-select-with-contrast/)\n- [Bootstrap 5 stepper-How to create a beautiful Bootstrap 5 stepper](https://www.devwares.com/blog/create-stepper-with-contrast/)\n- [How to create a beautiful React Bootstrap table.](https://www.devwares.com/blog/create-tables-with-contrast/)\n- [How to create beautiful React Bootstrap tabs](https://www.devwares.com/blog/create-tabs-with-contrast/)\n- [How To Create A Datatable Using Angular Bootstrap](https://www.devwares.com/blog/create-datatable-in-angular-10/)\n- [How To Create Bootstrap Charts using Bootstrap 5](https://www.devwares.com/blog/create-bootstrap-charts-using-bootstrap5/)\n- [How To Create A Beautiful Navbar Using Bootstrap 5.](https://www.devwares.com/blog/bootstrap-5-navbar-using-contrast/)\n- [Major changes to bootstrap 5](https://www.devwares.com/blog/bootstrap-5-major-changes/)\n- [All you need to know about Bootstrap 5](https://www.devwares.com/blog/bootstrap-5-all-you-need-to-know/)\n\n# Demo\n\n## Pages\n\n\u003ca href=\"https://www.devwares.com/product/admin-contrast\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/speedwares/image/upload/v1632326758/sign-up-form-1-2_td39ot.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/product/admin-contrast\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/speedwares/image/upload/v1632326759/sign-up_k89hu8.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/product/admin-contrast\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/speedwares/image/upload/v1632326758/sign-up-form-1-7_nxkipe.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/product/admin-contrast\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/speedwares/image/upload/v1632326674/sign-up-form-1-1_nyfoso.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\n\n## Carousel\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/carousel\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800447/carousel_gu7ooz.gif\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/iframe\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800599/iframe_ck7tdd.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n## Dashboards\n\n\u003ca href=\"https://www.devwares.com/product/admin-contrast\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/speedwares/image/upload/v1632326755/dashboard-premium-1_a5n58x.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/product/admin-contrast\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/speedwares/image/upload/v1632326755/dashboard-premium-dark_rah6ys.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/product/admin-contrast\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/speedwares/image/upload/v1632326755/dashboard-premium_o49gxh.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/product/admin-contrast\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/speedwares/image/upload/v1632326755/dashboard-freemium_jadxee.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/product/admin-contrast\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/speedwares/image/upload/v1632326754/dashboard-pro_toi6vv.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\n## Cards\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/card\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800622/carrd2_tf4wtd.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/card\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800563/card_lp8nzr.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n## Buttons\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/buttons\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800644/button_pspxqb.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/buttons\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800644/button2_h3anyq.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/buttons\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800645/button3_fvm1sw.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/buttons\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800645/button4_lsqt1r.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/buttons\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800561/button5_t7bbqz.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n## Sidebar\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/navigation/sidebar\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800631/sidebar_vh4r4s.gif\"/\u003e\n\u003c/a\u003e\n\n## Footer\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/footer\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800579/footer_wxryi3.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n## Widget\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/widgets\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800642/widget1_uiuxby.png\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/widgets\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800640/widget2_jlwv1u.png\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/widgets\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800640/widget3_mmvxqy.png\"/\u003e\n\u003c/a\u003e\n\n## Modal\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/modal\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800627/modal_1_qgfjha.gif\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/chart\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800617/polar_fcq8bx.gif\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n## Stepper\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/stepper\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800637/stepper_vy3cz6.gif\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n## Badge\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/badge\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800642/bag1_ho7wzy.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/badge\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800642/bag2_frbyce.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/badge\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800642/bag3_pn29fi.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/badge\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800642/bag4_vn7oao.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/components/badge\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800643/bag5_acs6nj.png\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/chart\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800571/Dynamic_bar_j1hlky.gif\" width=\"80%\" height=\"auto\"/\u003e\n\u003c/a\u003e\n\n## Form\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/forms\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800603/form_uxe9qq.png\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/forms\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800579/form_4_oo00es.png\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/forms\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800582/forms6_ycmpao.png\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.devwares.com/docs/contrast/react/forms\"\u003e\n\u003cimg src=\"https://res.cloudinary.com/devwares/image/upload/v1610800582/forms5_ixmrox.png\"/\u003e\n\u003c/a\u003e\n\n\n# Browser support\n\n## Browsers supported\n\n|     |  [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"Edge / Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eIE / Edge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eSafari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eOpera |\n|-----|  --------- | --------- | --------- | --------- | --------- |\n|Mac | N/A  | supported  | supported   | supported   | supported  |\n|Windows | supported  |supported   |supported   | N/A | supported  |\n\n## PRO Version\n\n[Contrast Design Bootstrap PRO](https://www.devwares.com/product/contrast-pro)\n\n## License\n\nSee License in \u0026lt;license.pdf\u0026gt; © [Devwares](https://github.com/Devwares)\n\n## Support Devwares\n\n### Follow us on Social Media\n\n* [Twitter](https://twitter.com/devwares)\n* [Facebook](https://www.facebook.com/Devwares-102291481719158/)\n* [Instagram](https://instagram.com/devwares)\n* [Linkedin](https://www.linkedin.com/company/devwares)\n* [Youtube](https://www.youtube.com/channel/UCl0MxA8KB7EdmPcSsVwT3pQ)\n\n### Check out and star our GitHub repository\n\n* [Github](https://github.com/Devwares)\n  \n* Create pull requests\n* Submit bugs\n* Suggest new features\n* Help us Improve our documentation with updates\n\nWe truly appreciate everyone who has contributed to this project. \n\nThank you!\n","funding_links":[],"categories":["UI Frameworks"],"sub_categories":["Responsive","style"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDevwares-Team%2Fcdbreact","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FDevwares-Team%2Fcdbreact","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDevwares-Team%2Fcdbreact/lists"}