MDB PRO - Material Design for Bootstrap 5 with React (2024)

  1. 2 packages included:
  2. Bootstrap 5 & React 18
  3. Bootstrap 4 & React 17
  4. 5000+ components
  5. Templates + plugins
  6. Premium support
  7. Lifetime usage

See pricing Demo Questions?

MDB PRO - Material Design for Bootstrap 5 with React (1)

Trusted by 3,000,000+ developers and designers

MDB PRO - Material Design for Bootstrap 5 with React (2)
MDB PRO - Material Design for Bootstrap 5 with React (3)
MDB PRO - Material Design for Bootstrap 5 with React (4)
MDB PRO - Material Design for Bootstrap 5 with React (5)
MDB PRO - Material Design for Bootstrap 5 with React (6)
MDB PRO - Material Design for Bootstrap 5 with React (7)
MDB PRO - Material Design for Bootstrap 5 with React (8)
MDB PRO - Material Design for Bootstrap 5 with React (9)
MDB PRO - Material Design for Bootstrap 5 with React (10)
MDB PRO - Material Design for Bootstrap 5 with React (11)
MDB PRO - Material Design for Bootstrap 5 with React (12)
MDB PRO - Material Design for Bootstrap 5 with React (13)

5000+

Components

75+

Templates

29+

Plugins

Black Friday - Final Countdown

Get HUGE DISCOUNTS on MDB PRO. Hurry up! Sale ends soon...

EXPLORE OFFERS NOW

Pricing

  • Individuals

Single use

/year

Multi use

/year

  1. 1 project (domain/app)
  2. 5 projects (domains/apps)
  3. Lifetime usage
  4. PRO Components (core UI Kit)

Essential

/year

  1. Unlimited projects
  2. Lifetime usage
  3. PRO Components (core UI Kit)
  4. Design blocks
  5. Premium support

Advanced

/year

  1. Unlimited projects
  2. Lifetime usage
  3. PRO Components (core UI Kit)
  4. Design blocks
  5. Priority support
  6. Plugins
  7. Templates

Bundle

/year

The Bundle contains everything from the ADVANCED tier for all technologies

  1. Advanced MDB PRO - Material Design for Bootstrap 5 with React (14) Standard
  2. Advanced MDB PRO - Material Design for Bootstrap 5 with React (15) Angular
  3. Advanced MDB PRO - Material Design for Bootstrap 5 with React (16) React
  4. Advanced MDB PRO - Material Design for Bootstrap 5 with React (17) Vue
Single Use Multi Use Essential Advanced Bundle
UI content
Premium components
Source code access
Modularity
Plugins
Templates
Premium Access features
Unlimited Updates
Support Community Professional Priority Priority
Git repository
npm installation
Code examples
Premium Snippets
LAB access
Licensing conditions
Commercial usage
Projects 1 5 Unlimited Unlimited Unlimited
Technologies included
Bootstrap 4 & React 18 UI Kit MDB PRO - Material Design for Bootstrap 5 with React (18) MDB PRO - Material Design for Bootstrap 5 with React (19) MDB PRO - Material Design for Bootstrap 5 with React (20) MDB PRO - Material Design for Bootstrap 5 with React (21) MDB PRO - Material Design for Bootstrap 5 with React (22) MDB PRO - Material Design for Bootstrap 5 with React (23) MDB PRO - Material Design for Bootstrap 5 with React (24)
Bootstrap 5 & React 18 UI Kit MDB PRO - Material Design for Bootstrap 5 with React (25) MDB PRO - Material Design for Bootstrap 5 with React (26) MDB PRO - Material Design for Bootstrap 5 with React (27) MDB PRO - Material Design for Bootstrap 5 with React (28) MDB PRO - Material Design for Bootstrap 5 with React (29) MDB PRO - Material Design for Bootstrap 5 with React (30) MDB PRO - Material Design for Bootstrap 5 with React (31)
Team features
License members 1 1 1 1
Team management
License recycling
Enterprise eligibility

Discover Teams & Enterprise pricing

We've prepared a discounted offer for teams of developers. This offer enables rotating licenses & team management.

Team pricing

Need a custom SLA, flexible support channels or on-demand help with project integration? See enterprise offer.

Enterprise offer

developers

/year

11% volume discount

This tier contains everything from the ADVANCED license for developers + team management features.

  1. Unlimited projects
  2. Lifetime usage
  3. PRO Components
  4. Design blocks
  5. Priority support
  1. Plugins
  2. Templates
  3. Team management
  4. License recycling
  5. GitLab & docs access tokens

Need more than 50 developers?

CUSTOM QUOTATION

In order to provide you with a proper quotation, we need you to specify the following:

  • The number of developers who will need access to MDB PRO code in your project.
  • The preferred technologies (i.e. standard, angular, react, vue)
  • Do you need any custom licensing options? (i.e. Whitelabel, custom support models), or is the predefined EULA license suitable for you?
  • What is the budget & scope of the project? What exactly are you building?
  • Do you need any additional web development services?

Contact us now at enterprise@mdbootstrap.com

Features & benefits of MDB PRO

Thousands of elements included in the categories below - click on the image to view the details

Premium components

MDB PRO - Material Design for Bootstrap 5 with React (32)

Plugins

MDB PRO - Material Design for Bootstrap 5 with React (33)

Templates

MDB PRO - Material Design for Bootstrap 5 with React (34)

Premium support

MDB PRO - Material Design for Bootstrap 5 with React (35)

Git access

MDB PRO - Material Design for Bootstrap 5 with React (36)

Unlimited updates

MDB PRO - Material Design for Bootstrap 5 with React (37)

Integrations

Bootstrap 4 & React 17 included

By purchasing any tier of MDB5 you get the previous PRO version of MDB4 for free. Built with Bootstrap 4, older, but still most widely used version, based on React 17. MDB5 also integrates with React 17, but MDB4 is ideal if you work in a preexisting Bootstrap 4 environment.

Learn more

MDB PRO - Material Design for Bootstrap 5 with React (39)

Frequently asked questions

No, you don't have to renew and you can keep using what you have forever.

A yearly payment covers only the Premium Access features.

The most important one of them is "Updates" because we are regularly adding a tone of cool stuff to the package, but instead of releasing new products every month we chose to make all of the new components, plugins & features compatible with each other and pour all of the energy into a single high-quality product.

Remember that 12 months of Premium Access is included in your first purchase but if you still need Updates, Premium Support or any other features you can renew your subscription and you will keep getting them.

For some projects the initial 12 months is enough. Developers of bigger & more complex projects usually appreciate the option to keep extending their technical support.

Yes, you can keep using them forever.

Subscription covers only the Premium Access features.

Since you won't receive updates you will have to use the components in the latest version that was available in your account, f.e. if you cancel your subscription in May and we release a new DatePicker style in June, you won't have access to the latest style but the previous one will keep working with your package.

Yes, you can keep using them forever.

Subscription covers only the Premium Access features.

Since you won't have access to premium snippets platform where they are hosted you will no longer be able to download more content but the ones that you already downloaded will stay with you forever.

Yes, you can keep using them forever.

Subscription covers only the Premium Access features.

Since you won't receive updates you will have to use the components in the latest version that was available in your account, f.e. if you cancel your subscription in May and we release a new WYSIWYG option in June, you won't have access to the latest option but the previous one will keep working with your package.

A single project is defined as a single domain or a single application.

With Single Use license, you can use MDB PRO in 1 project only.

For tiers with "Unlimited projects", you can use MDB PRO in as many projects as you want.

You can have multiple subdomains.

You can upgrade from one tier to the next one whenever you want simply by paying the cost difference.

If you already have our PRO core UI Kit (for Bootstrap v4 or v5), every single product compatible with it can also be purchased separately.

Reach out to upgrades@mdbootstrap.com if you need to do that or learn more about extending the package on our licensing page.

Enterprise tier is meant for customers that want to customize their licensing.

If you standard EULA license is not suitable for you, feel free to reach out to us & propose your customizations.

Premium Support is a guarantee that your tickets will be answered by a professional MDB developer.

With Priority Support your tickets will be solved first, prioritized above other tickets from a given day.

Tickets are usually answered within 24 business hours

Our support team works Monday-Friday, 8am till 16pm Central European Standard Time.

Priority Support is included in the Advanced & Bundle tiers, as well as in all of the team packages.

This FAQ is dedicated to questions regarding the licensing.

Check out our General FAQ and if you don't find your answers there please open a ticket on our support forum.

Didn't find your answer in the FAQ - Contact our sales team.

Contact us

Success

Message Send

Error

Invalid phone number
Remember to enter the area code

Error

Something went wrong! Please try again

Premium Components

Premium components include multiple variations of components from categories listed below:

  • Lightbox
  • Stepper
  • Sidenav
  • Select
  • Timepicker
  • Charts
  • Datatables
  • Animations
  • Animated navbar
  • Alerts
  • Advanced Modals
  • Popconfirm
  • Rating
  • Charts Advanced
  • Infinite scroll
  • Lazy loading
  • Scrollbar
  • Smooth scroll
  • Sticky
  • Touch
  • Loading Management
  • Autocomplete
  • Multi range slider
  • Chips
  • Theming (i.e. dark mode)
  • Clipboard

... all Premium components are compatible with each other as well as with all of the basic components from the free version.

Design Blocks

Design Blocks are predefined sections that will significantly accelerate your development. They are carefully designed by UI and UX professionals in accordance to best design practices. Design Blocks include sections for the categories listed below:

  • Admin Dashboard
    • Charts
    • Statistic sections
    • Sidebar layouts
    • Map sections
    • Complex layouts
    • Form sections
    • Advanced navigation bars
    • Tables & Datatables
  • eCommerce
    • Product listings & grids
    • Categories litings
    • Fliters & sorting sections
    • Navigation
    • Product details sections
    • Form sections
    • Checkout sections
    • Shopping cart sections
    • Modals / popups
    • Product features sections
    • Promo sections
    • Reviews sections
    • Order summary sections
    • Order history sections
    • Incentives / Advantages sections
    • Quickview sections
  • Landing page
    • Hero sections
    • Newsletter sections
    • Pricing sections
    • Statistic counter sections
    • Header sections
    • News sections
    • Feature listing sections
    • Contact sections
    • CTA sections
    • FAQ sections
    • Team sections
    • Testimonial sections
    • Logo cloud sections
    • Content sections
    • Banner sections
    • Mega menu sections
    • Projects sections
  • Industry-specific
    • Agency sections
    • Coworking sections
    • Software sections
    • Spa sections
    • Restaurants sections
    • Travel sections
    • Cafe sections
    • Medical sections
    • Band sections
    • Hotel sections
    • University / Education sections
    • Transport sections
    • Event sections
    • Construction sections
  • Portfolio
    • Agency sections
    • Minimalistic sections
    • Legal sections
    • Graphic designer sections
    • Architect sections
    • Team sections
    • Culinary sections
    • Hairdresser sections
    • Makeup artist sections
    • Photographer sections
    • Model sections
    • Web developer sections
  • Blog
    • Post / article sections
    • Home page sections
    • Navigation sections
Source code access

With this feature you will have access to unminified JavaScript files and SCSS files. This will enable you to introduce changes to the core of the UI Kit, customize its default themes & features, and adjust it to your needs without any limitation.

Modularity with Webpack

By utilizing Webpack support & source code access, you can create a custom version of MDB UI Kit, that will include only the features need in the project and therefore will be lighter & faster. It also enables:

  • Bundling via webpack
  • ES6+ Support via babel
  • SASS Support via sass-loader
  • Linting via eslint-loader
  • Unit Testing via jest
  • Code Formatting via prettier

Modularity is also available with Gulp in MDB4 jQuery kit.

After purchase, you will receive ready to use Webpack & Gulp starter packages, with those tools preinstalled, on top of the standard UI Kits.

Plugins

Plugins include advanced modules that enhance your project by adding additional features.

  • WYSIWYG editor
  • Drag & drop
  • Onboarding
  • Calendar
  • eCommerce gallery
  • File upload
  • Filters
  • Mention
  • Multi item carousel
  • Transfer
  • Vector maps
  • Table editor
  • Cookies management
  • Storage management
  • Tree view
  • Dummy
  • Countdown
  • Data parser
  • Input mask
  • Color picker
  • Parallax
  • Captcha
  • Scroll status
  • TreeTable
  • Organization chart
Templates

Templates are predefined pages that will significantly accelerate your development. They are carefully designed by UI and UX professionals in accordance to best design practices. Templates include pages for the categories listed below:

  • Admin dashboards
Backend Integrations

Backend integrations are template implementations of backend & frontend functions. Integrations include: like working contact forms, dashboard view based on database tables, login & registration, user management,

  • Admin dashboards
    • Integration with Node.JS
    • Integration with PHP
    • Integration with .NET Core
    Features include:
    • User login
    • User registration
    • User management (by admin)
    • User roles (f.e. admin role)
    • User personalization (f.e. user avatar in navbar)
    • User profile with edit option
    • Password setup & change
    • Database creation
    • Server side validation
    • Charts integrated with database data
  • Contact forms
    • Integration with Node.js
    • Integration with PHP
    Features include:
    • Validating middleware
    • Email routing
    • Sending emails from contact forms
Unlimited updates

With Unlimited Updates you will have access to every new version of your package, released during the period of your Premium Access (12 months after the initial order). That includes bug fixes as well as minor & major version updates, new content added to the package, new design blocks, templates, plugins, new snippets, lab projects & backend integrations.

Support

With Professional support your tickets are guaranteed to be answered by a professional developer - a member of MDB staff specialized in a given technology. You also get a premium badge on the support forum & access to issue status updates via email.
Priority tickets are prioritized above all other queries, and get their answers first.
Tickets are usually answered within 1 workday.
The number of support tickets you can create is always unlimited.

Git repository

Git makes it easier to track changes, update & collaborate on your project. After purchase you will get access to a shared GitLab repository.

npm installation

You will have an option to install MDB tools via npm with the use of personalized security tokens.

Code examples

Unrestricted access to code examples in the documentation as well as examples & customization & API section for each component & plugin.

Premium Snippets

You will get access to thousands of code helpers & snippets created with PRO packages by the MDB community - visit Playground to explore of all snippets.
You will also be able to create your own snippets, which will help you share your projects and enable our support staff to help directly on your code.

LAB access

LAB templates are inspirational concepts & experiments created by the community of MDB. They include templates such as:

  • GitHub homepage
  • Medium homepage
  • LinkedIn homepage
  • Tripadvisor homepage
  • Twitter newsfeed
  • Wikipedia article page
  • Spotify player
  • IMDb homepage
  • Netflix homepage
  • Airnbnb app
  • Gmail app
  • Facebook messenger
  • Facebook profile page
  • Instagram newsfeed
  • YouTube homepage
  • Trello board
  • Alibaba homepage
  • Facebook newsfeed
  • Amazon homepage
Commercial Usage

Tiers with commercial usage are eligible to be used in any kind of projects. Tiers without commercial usage cannot be used in an end product that charges its end users or an end product that is sold.

Projects

The project is defined as a domain / app. Even with 1 project you can have multiple subdomains.
I.e. with 1 project you can publish your app on example.com domain, and have an additional module at module.example.com domain.
If number of projects is unlimited you can use MDB tools in as many projects as you like, so you can have example.com, module.example.com but also example2.com, example.de and any other variation.

Project registration

If project registration is required, you have to register your project before publishing. You can do that by writing to contact@mdbootstrap.com. If project registration is unlimited, it means that you don't have to register new projects - you can publish them at will.

MDBGO Hosting

If MDBGO hosting is required your project has to be hosted on the platform. Basic hosting on MDBGO is free. If MDBGO hosting is unlimited, we invite you to host on MDBGO since you'll get a variety of additional perks that come with it, but you are also free to choose any other provider for your project.

License members

License members are defined as developers that will be working with MDB code by modifying or changing it in any way. It usually means that all frontend developers in your team, that will be developing using MDB are license members.

Team management

With team management you can easily assign and control your team access via GitLab, it helps automate the builds, integration, and verification of your code.

License recycling

With License Recycling you can control and re-assign licenses to new members of your team. I.e. if person A is no longer involved in a project, you can reassign their license to person B without purchasing a new license.

Enterprise eligibility

Businesses with more than 250 employees OR more than $10 millions in annual revenue, are required to purchase an Enterprise license. It allows unlimited use of the software throughout the organization.

MDB PRO - Material Design for Bootstrap 5 with React (2024)
Top Articles
Latest Posts
Article information

Author: Duane Harber

Last Updated:

Views: 6707

Rating: 4 / 5 (51 voted)

Reviews: 82% of readers found this page helpful

Author information

Name: Duane Harber

Birthday: 1999-10-17

Address: Apt. 404 9899 Magnolia Roads, Port Royceville, ID 78186

Phone: +186911129794335

Job: Human Hospitality Planner

Hobby: Listening to music, Orienteering, Knapping, Dance, Mountain biking, Fishing, Pottery

Introduction: My name is Duane Harber, I am a modern, clever, handsome, fair, agreeable, inexpensive, beautiful person who loves writing and wants to share my knowledge and understanding with you.