Material Design for Bootstrap 4 PRO

Trusted by 2,000,000+ developers & designers

How MDB saves your time?

10,000+ PRO components

Fully customizable & easy to use. Detailed documentation and source code.

5,000+ predesigned elements

Solutions with copy-paste approach. 50+ sections, 200+ templates & more!

Professional Support

Issues resolved by experienced developers. Help directly on your code.

Robust code

Modern design, best-practice construction, responsive & lightweight elements.

10,000+ PRO COMPONENTS

MDB PRO COMPONENT

An impressive collection of stunning Material Design components. Whenever you see MDB PRO COMPONENT button know that the component you are looking at is developed by MDB professionals and officially supported in MDB.

MORE PRO FEATURES

200+ PRO templates

Make use of our predefined templates for Admin Dashboards, control panels, charts & more

50+ Pro sections

Thematic sections like blog listings, contact forms, pricing tables & more

1,588+ Icons

Hundreds of useful, scalable, vector icons at your disposal in MDB Icon search engine

8+ PRO Extensions

Addons including E-commerce components, Chat, Timelines, Multi-range sliders and more

Community components

PRO version comming soon - check out the free community components in our snippets editor.

22+ Modules

Compiled, ready to use libraries including modules for CSS (SASS files) and JS

150+ SASS files

Neatly arranged and well documented .scss files can't wait for you to compile them

75+ CSS animations

Easy to use animations. Increase the interactivity of your project & delight your visitors

EASY PRO MAINTENANCE

Frequent updates

Keeping up with the world, new update every 2 weeks

GitLab repository

Easily install, update & integrate with your projects

Professional support

Experienced developers will help you directly on the code

Source code

Customize, modify, edit out or add something new

ADMIN PRO TEMPLATES PACK

Along with PRO license you get access to Admin Templates

The most advanced package, dedicated to Admin Dashboards, Configuration Panels & custom reports. Full of charts, panels, visualization features, and ready-to-use templates. Learn more

8+ POWERFUL PLUGINS

WYSIWYG PLUGIN Pack

Bootstrap WYSIWYG Editor is a lightweight plugin that enables rich text editing on your website. Learn more

Features:
 
 <ul>
 <li>Changing block type</li>
 <li>Text color & formatting (bold, italic, strikethrough, underline)</li>
 <li>Text aligning</li>
 <li>Inserting links</li>
 <li>Inserting pictures</li>
 <li>Creating a list (bulled or numbered)</li>
 </ul>
 Options:
 <ul>
 <li>Translations</li>
 <li>Using your own color palette</li>
 <li>Disabling/enabling tooltips</li>
 </ul>

Table Editor PLUGIN Pack

Table editor is an extension that allows you to create customized, fully editable tables. Learn more

Filter PLUGIN Pack

Bootstrap Filter plugin is an extension perfect for introducing visitors to a number of images, which can be freely filtered depending on the category. Easy to use, setup and customize. Learn more

Color Picker PLUGIN Pack

Bootstrap Color Picker plugin allows you to select different colors. You can successfully use it in various product wizards, clothing sales, or other situations where you need to be able to choose a color. Learn more

Click the button below in order to change background color.

Click the dark square to activate a simple Color Picker

Change actual color and check how every color representation is described in the list

Calendar PLUGIN Pack

Thanks to this plugin you will be able to easily create new events, manage current events, move existing events between other days, and integrate with your Google Calendar. Learn more

Sortable PLUGIN Pack

Sortable plugin is an extension that allows you to move, reorder, sort and organize elements on your website by using drag and drop functionality. Learn more

Item 1
Item 2
Item 3
Item 4
Item 5

Drag & drop PLUGIN Pack

Drag & drop plugin is an extension that allows you to move objects by clicking on them and dragging anywhere within the viewport. Learn more

Drag & drop file upload PLUGIN pack

File Upload plugin is an extension that allows you to upload files by using drag and drop functionality. Easy to use, setup and customize. Learn more

Table Editor Plugin

Table editor is an extension that allows you to create customized, fully editable tables. Read docs

SORTABLE PLUGIN
WYSIWYG PLUGIN
COLOR PICKER PLUGIN
TABLE EDITOR PLUGIN
FILTER PLUGIN
CALENDAR PLUGIN
DRAG & DROP PLUGIN
FILE UPLOAD PLUGIN

PRO COMPATIBILITY...

Cross-browser

Chrome, Firefox, Safari, Opera, Edge - we love all browsers.

Latest Bootstrap 4.4.1

Use the newest Bootstrap & its features.

Flexbox

Full flexbox support. Forget about alignment issues.

Angular v. 9.0.0

Use the newest Angular & its features.

Endless possibilities

Firebase, NgRX & more integrate easily!

WHY DEVELOPERS CHOOSE MDB?

Active community

Millions of professional developers - MDB is a web design standard thanks to them. We help & inspire each other every day.

Tutorials

Detailed tutorials, created with a step-by-step approach will help you with integrations, web design & best practices.

Material Design

State-of-the-art design focused on intuitivness & user experiance. Google-friendly looks based on official material guidelines.

Easy installation

3 minutes, a few clicks and... done. You will be surprised at how easy it is. You will start creating in no-time!

Modern look

Components crafted with care. Templates, sections, colors, fonts and other UI elements composed by professional designers.

Fully responsive

Mobile-friendly, desktop-friendly.. basically everything-friendly. MDB looks great on tablets, phones, laptops & huge screens.