MDB React Free

Download the latest version

Download Learn more
MDB React Pro

Download the latest version

Download Learn more
Newsletter

Would you like to be notified about next update ?

Subscribe to our newsletter

MDB 4.8.5

This version brings the next huge documentation update and fixed bug reported by our community.


Improved:

  1. Select fixed bug when updating TextContent value; added props for Search label and id,
  2. List Group added properties for color manipulation,
  3. Side Nav added property topLevel for SideNavLink to turn on hover effects,
  4. Chat repaired avatars links in demo
  5. Loader / Spinner renamed component
  6. Progress bar refactored component, added material styling and new properties for better component customization
  7. Updated SASS/CSS - synchronized with MDB v.4.5.15

Documentation:

New documentation standard with API and extended examples:

  1. Sidenav
  2. Tooltips
  3. Popovers
  4. Code
  5. Figures
  6. Icons Usage
  7. Icons List
  8. Images
  9. Typography
  10. Animations
  11. Colors
  12. Gradients
  13. Hover effects
  14. Masks
  15. Skins
  16. Shadows
  17. Background Image
  18. Gradient
  19. Pills
  20. Tabs
  21. Panels
  22. List Group
  23. Social Buttons
  24. Progress Bar
  25. Loader / Spinner
  26. Layout overview
  27. Media queries
  28. Utilities for layout
  29. Media object
  30. Spacing
  31. Sizing
  32. Position
  33. Visibility
  34. Vertival align
  35. Text
  36. Image replacement
  37. Embeds
  38. Float
  39. Close icon
  40. Display
  41. Borders
  42. Clearfix
  43. Clearfix
  44. Flexbox

MDB 4.8.4

Another large documentation update. We have also repaired some bugs and added new component.


Improved:

  1. SideNav - deleted fixed property - SideNav is fixed by default, to make it hidden use hidden prop, you can now add onClick method to sideNavLink to dismiss sideNav,
  2. Switch - added custom labels,
  3. Tabs - styling adjustement,
  4. Modal - extended footer to allow flex-positioning with props,
  5. Alerts - replaced as Notifications,
  6. Input Range - added steps,
  7. Updated demonstration pages to be consistent with MDB-prefix syntax,
  8. Refactored string Refs to be up to date with React API,
  9. Updated SASS/CSS - synchronized with MDB v.4.5.14

Fixed:

  1. TimePicker - bug with unreachable events,
  2. Input Range - removed deprecated methods and repaired bug with mismtached indicator,
  3. Problem with multiple React versions - prevent mdbreact from installing external react package inside user environment

New:

  1. Alerts

Documentation:

New documentation standard with API and extended examples:

  1. Intros
  2. Contact
  3. Blog
  4. E-commerce
  5. Social
  6. Magazine
  7. Features
  8. Projects
  9. Testimonials
  10. Team
  11. Forms
  12. Alerts
  13. Notifications
  14. File Input
  15. Slider
  16. Textarea
  17. Autocomplete
  18. Inputs
  19. Buttons

MDB 4.8.3

This version brings completely rebuilt TimePicker component, decreased package size of almost 50% and a significant documentation update.


Improved:

  1. TimePicker - more flexible component, which allows better customization
  2. Breadcrumbs - expanded functionality and internal improvements
  3. Reduced size of MDB package by almost 50%
  4. PRO package installation - mdbreact dependency is now delivered inside zip archive
  5. Navigation - links within whole documentation have been updated to the new standard
  6. Updated SASS/CSS - synchronized with MDB v.4.5.13

Fixed:

  1. Carousel Thumbnail - bug with displaying the element
  2. Select - problem with input value
  3. Errors within Build which occurred after update to react-scripts v2.0.5

Documentation:

Added new examples of usage and API section on pages listed bellow:

  1. Breadcrumbs
  2. Search
  3. Navbar
  4. Carousel
  5. Buttons
  6. Cards
  7. Switch
  8. Radio Button
  9. Grid usage
  10. TimePicker
  11. CSS demonstration page
  12. Components demonstration page

MDB 4.8.2

This time we focused on optimization, performance, bug fixes and improvements of the package.


Added:

  1. Chat

Improved:

  1. Transitions - replaced deprecated motion package
  2. Modal - whole new, rewritten logic of the component
  3. Button - vanished unneeded functions
  4. SideNav - resolved problem with 'isOpen' property inside SideNav children
  5. TimePicker - resolved bug with getValue function
  6. NavbarBrand - reinvented the component to work as a NavLink
  7. Updated Create React App to v.2 within our npm template packages
  8. Reduced weight of MDB package Build by almost 60%
  9. Improved and expanded documentation
  10. Updated SASS/CSS - synchronized with MDB v.4.5.12

MDB 4.8.1

This update brings new components along with improvements in the existing ones.


Added:

  1. Iframe
  2. Timeline

Improved:

  1. Toast - removed dependencies to make component lighter
  2. Select - new options and improved lifecycle methods
  3. Datatble - new prop which allows to change language
  4. Editable Table - resolved problem with moving cursor in edit mode
  5. Button -fixed floating button bug
  6. Remove deprecated methods from our codebase
  7. Updated SASS/CSS - synchronized with MDB v.4.5.11

MDB 4.8.0

In 4.8.0 we took care of internal improvements and some bug fixes that will make your app even better.


Changed syntax:

  1. import 'bootstrap-css-only/css/bootstrap.min.css'; - we changed our dependencies - from bootstrap to bootstrap-css-only. We don't use Bootstrap's JavaScript in our package, so you don't have to download it anymore.

Added:

  1. Hamburger Menu

Improved:

  1. Date Picker - added new feature which allows to change the language. Fixed infinite loop bug.
  2. Input - internal improvements.
  3. NavLink - improved waves effect.
  4. Updated SASS/CSS - synchronized with MDB v.4.5.10

MDB 4.7.1

This update brings many improvements in the existing components. We also fixed issues reported by our community


Added:

  1. Double Navigation with fixed SideNav
  2. SideNav & fixed Navbar

Improved:

  1. Modal - improved animation. Added animation prop which allows to define a direction of the animation. Added hiddenModalhideModal and showModal events. There are new templates and examples in React Demo App.
  2. Select and Multiselect - got a selected prop which defines the default selection in a dropdown list. Got a getValue and getTextContent function props, which return value/inner text of SelectOption component. Fixed bug concerning double select.
  3. Button - got a target prop which controls what happens when link button is clicked.
  4. Navbar - now, it is possible to change color of scrolling Navbar, using color prop along with transparent prop.
  5. Navlink - got a waves effect.
  6. ExportToCSV - internal improvements.
  7. DatePicker - fixed icon bug concerning external resources, now everything is imported inside the component.
  8. Collapse - internal improvements.
  9. Updated SASS/CSS - synchronized with MDB v.4.5.9

MDB 4.7.0

This update brings new components along with many improvements in the existing ones.


Changed syntax:

  1. SideNav - logic has been put deeper into the component, the "accordion effect" is now fully handled by the SideNavNav component

Added:

  1. Animation component, inc. wow.js-type revealing
  2. Card Group component, inc. the deck-type rendering
  3. DataTable component, inc. the ability to load up using external data

Improved:

  1. Autocomplete - got a getValue function prop
  2. Carousel - fade effect added
  3. Dropdown - align issue fixed
  4. Inputs - internal improvements, inc. getValue function prop
  5. Multi-item Carousel - internal improvements
  6. Select - now uses the Context API. The selected value is accessible through the getValue prop
  7. SideNav - got a onOverlayClick function prop, allowing to wire up custom logic to the backdrop click event
  8. Tables - have been rewritten to require no additional package
  9. Webpack has been updated to 4.16.0 version
  10. Updated MDB to 4.5.8

MDB 4.6.1

With this version we've updated MDB to 4.5.7


Improved:

  1. Fixed FireFox double click bug on <Button> component
  2. Updated MDB to 4.5.7

MDB 4.6.0

With this version we updated syntax for dropdowns, selects and carousels. We did everything to facilitate the use of our components.


Changed syntax:

  1. Carousels
  2. Dropdowns
  3. Selects
  4. Navigation
  5. E-commerce Section (Products v.5)
  6. Testimonials Section

In the above examples, we have moved the logic of components (functions, constructors) to their interiors.

Added:

  1. Chips
  2. Form validation
  3. Image Overlays Card
  4. Steppers
  5. Table Editable
  6. Table Pagination
  7. Table Responsive
  8. Table Scroll
  9. Table Search
  10. Table Sort

Improved:

  1. MDB update to 4.5.6
  2. FileInput onChange event
  3. TextField onFocus event

MDB 4.5.1

With this version we've updated MDB to 4.5.5


Changed syntax:

  1. Blog section v.4
  2. Cascading cards
  3. Classic tabs
  4. Ecommerce components
  5. Footers
  6. Product sections

Improved:

  1. MDB update to 4.5.5

MDB 4.5.0

With this update, we fixed all navigation issues and added Autocomplete, which is working also with our Select Inputs


Added:

  1. Autocomplete
  2. Flipping card
  3. Forms
  4. Numeric input
  5. Panels
  6. Search
  7. Stylish card
  8. Testimonial card

Changed:

  1. Grid update

Improved:

  1. Navigation links in Firefox
  2. Popover close
  3. Sidenav double-click fix
  4. Removed refs from Select Input

MDB 4.4.0

MDB React 4.4.0 has landed with some bug fixes and sections that will make your app even better!


Most Important: Integration with MDB 4.5.2

Added:

  1. Blog section
  2. Contact section
  3. E-commerce section
  4. Features section
  5. Intros section
  6. Magazine
  7. Projects section
  8. Social buttons
  9. Social section
  10. Team section
  11. Testimonials section

Changed:

  1. Separated free and premium components
  2. Waves in CardImage is now optional

Improved:

  1. Carousel's slide efect
  2. Default state for Switch
  3. Input AutoFocus
  4. Popovers
  5. Support for background images in View component

MDB 4.3.0

With this update, we expanded MDB React by adding a lot of new components. We also fixed various issues reported by our community


New components:

  1. Charts Pro
  2. Default Bootstrap's Inputs
  3. More variations of Modals
  4. Lightbox
  5. Carousels Pro
  6. Classic Tabs
  7. Double Navigation
  8. Scrollbar
  9. More versions of Buttons
  10. Sticky Content

Fixed:

  1. Input onChange issue
  2. Input's label
  3. Modal close issue
  4. Button onClick issue

Improved:

  1. Range input
  2. Inputs
  3. Collapse
  4. Font Awesome
  5. Updated project dependencies

MDB 4.2.0

In 4.2.0 we've took care of integration with React 16 and Bootstrap 4.0.0 (stable version)


Major changes:

  1. Integration with React 16.2.0
  2. Integration with MDB 4.5.0 and Bootstrap 4.0.0 (stable)
  3. SCSS files

Fixed:

  1. Fixed "refs" issue
  2. Material Select issues
  3. Popovers
  4. NavLink issue
  5. Blinking Navbar issue
  6. Waves effect
  7. Modal Transition

Added:

  1. More versions of footer

Improved:

  1. Improved cards
  2. Dropdowns
  3. Fade component
  4. Scrollbar in SideNav
  5. Props in Masks
  6. Removed outline color on focus form buttons
  7. Usage of NavLink made easier

MDB 4.1.0

With this update, we've made MDB React even more stable


Fixed:

  1. Modals for React 16
  2. Import for create-react-app
  3. Popovers

Added:

  1. Video Carousel

Improved:

  1. Updated to React 16
  2. Updated to Bootstrap 4 beta-2
  3. Updated to MDB 4.4.3
  4. Build tools