MDB 5 PRO
The world's most powerful tools and platform for building responsive, mobile-first websites and apps
The PRO version provides access to 300+ premium components, 200+ design blocks, 100+ pages, 30+ plugins, 20+ integrations, 15+ templates, premium support, gitlab access & unlimited updates
⭐⭐⭐⭐⭐ 4.9/5 (reviews)
Trusted by 2 000 000+ developers & designers. Used by companies like:
 |
 |
 |
| 
| 
| 
| 
| 
| 
| 
| 
|
|
|
Reviews
| Jonas Singh | Gerard Sanderson | Adele Parker |
|---|---|---|
| ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| ⠀I have been working with data for many years but I have never dealt with a product so well suited to data visualization projects. As a programmer, in the MDB 5 Pro I primarily appreciate great documentation, minimalist design, and a multitude of practical examples. | ⠀Design is stunning. Charts look just beautiful. But what’s more important they work as they should. Usage is simple and fast. Plenty of practical examples make the work a pure pleasure. | ⠀Beautiful, minimalist design and simplicity – this is something that every project definitely needs. Great documentation focused on practical solutions. |
Read more reviews, rate MDB 5 Pro
Demo & details
Premium components |
Design blocks |
|
|
MDB 5 Pro Qucik Start
Simplicity and ease of use are key features of MDB 5 Pro UI Kit.
>> The fastest way to start with MDB Pro
>> Installation via MDB CLI, NPM or .zip package
Premium Support |
Git access |
Unlimited updates |
|
|
|
|
In order to provide you with the best possible experience & speed up your work, your purchase comes with Premium Support. |
Git makes it easier to track changes, update & collaborate on your project. Check what you'll get with Git access included in your purchase. |
Frequent updates and continuous product improvement is our priority. We strive to remain the leading front-end technology and uphold the highest standards. |
|
|
|
Learn Bootstrap 5 - crash course for beginners in 1.5H (June 2020)
Tutorial for the latest Bootstrap v.5 Alpha. In this video we'll learn about the changes implemented into v.5.
>> Click here for a written tutorial
Or click below to watch the full 1.5H Bootstrap 5 tutorial
Demo
Sidenav
The side navigation component provides an easy way to navigate through your website. Its appearance & behaviour are easily adjustable with data-attributes and methods - additional functionality such as touch events and focus trap (in an over mode) are available out of the box.
Charts
MDB charts are visual representations of data. They are responsive and easy to customize. At your disposal are eight types of charts with multiple options for customization.
Lightbox
MDB lightbox is a group of images combined in one responsive gallery. Elements are grouped in a thumbnail grid, which can be displayed as a slideshow.
Datepicker
Date picker is a plugin that adds the function of selecting time without the necessity of using custom JavaScript code.
Timepicker
Use MDB custom TimePicker component to select time.
Rating
Rating component can be used to allow the users to share their opinion about the product, documentation page, photo and more.
Carousel
A slideshow component for cycling through elements—images or slides of text—like a carousel.
Buttons
Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Spinners
Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript.
Cards
A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.
Validation
Provide valuable, actionable feedback to your users with HTML5 form validation, via browser default behaviors or custom styles and JavaScript.
Forms
Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.
Footer
A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.
Modal
Use MDB modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Hover
MDB hover effect appears when the user positions the computer cursor over an element without activating it. Hover effects make a website more interactive.
Tabs
Tabs are quasi-navigation components which can highly improve website clarity and increase user experience.
Notes
Notes are small components very helpful in inserting an additional piece of information.
ScrollSpy
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
MDB 5 Templates
All the templates were created with MDB 5 UI KIT (Material Design for Bootstrap 5).
MDB is a free (MIT license) library, that provides extra features and significantly extends Bootstrap's capabilities.
Ecommerce |
Carousel Full Cover |
Image Full Cover |
Portfolio |
Post |
Pricing |
Video Full Cover |
Carousel Half Cover |
Video Half Cover |
Login |
Mgazine |
Checkout |
Blog |
Product |
Category |
Landing Page |
Admin |
Coming Soon |
Classic Jumbotron |
One Column |
Two Columns |
Three Columns |