MATERIAL DESIGN FOR BOOTSTRAP

Lifetime usage. 12 months of premium support and unlimited updates

BUY NOW ($99) QUICK PRO DEMO

Vue version

- trusted by 2,000,000+ developers and designers

Nike - logo
NASA - logo
Nike - logo
Nike - logo
Nike - logo
Nike - logo
Nike - logo
Nike - logo
Nike - logo
Nike - logo
Nike - logo
Nike - logo

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

9+ PRO Extensions

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

Material Design for Bootstrap
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


9+ POWERFUL PLUGINS

WYSIWYG PLUGIN Pack

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

Table Editor PLUGIN Pack

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

Vector Map PLUGIN Pack

Vector Map plugin is an extension that helps you to show beautiful, scalable world, continents and countries maps. Easy to use, setup and customize. No API key needed - no hussle. 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

1
2
3
4
5
6
7
8
9
10
11
12
  • 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

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.

Vue v. 2.6.11

Use the newest Vue & its features.

Endless possibilities

Nuxt, Laravel & 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.

Some of the PRO features are not available in One project licenses due to the limitations resulting from the absence of GitLab access. We recommend choosing any Unlimited projects product, in order to receive:

  • MDB Vue CLI - Easier installation via MDB Vue CLI Plugin (just provide the token to the repository)
  • Nuxt Module - Nuxt installation module for Pro version
  • CSS & JS Modules - Compiled, ready to use libraries including modules for CSS (SASS files) and JS
  • Installation - Easier installation of plugins and different versions of the package by GitLab
  • GitLab Issues - Access to issues on GitLab and the ability to add new ones