MDB is a free Bootstrap 5 HTML5 web UI kit from MDBootstrap, packaged as a single-page template with 500+ Material Design 2.0 UI components for building responsive marketing and landing pages.
What is MDB?
MDB is a free Bootstrap 5 HTML5 UI kit created by MDBootstrap and distributed through ThemeWagon. It provides a single HTML file packed with reusable Material Design 2.0 components — carousels, navbars, charts, datatables, buttons, tooltips, pagination, breadcrumbs, tabs, drop-downs, advanced form components, and login/register pages — so developers can assemble a complete website without writing custom CSS from scratch. The download also includes font icons, CSS and SCSS source files, JavaScript source files, library and plugin files, and all demo images, and it runs in any modern browser.
Key Features
- 500+ Material UI components — Over 500 reusable components built on Material Design 2.0, covering carousels, navbars, charts, datatables, buttons, tooltips, pagination, breadcrumbs, tabs, drop-downs, and advanced form fields.
- Bootstrap 5 framework — Built on Bootstrap 5 with HTML5 and CSS3, and includes both CSS and SCSS source files so you can recompile your own theme.
- Fully responsive layout — The template is 100% responsive and tested for cross-browser compatibility with Chrome, Edge, Firefox, Opera, Safari, and mobile devices.
- Login and register pages — Ready-to-use authentication pages are included for adding sign-up and sign-in flows to a project.
- Charts and datatables — Integrated chart components and datatable widgets let you present data and tabular information without pulling in extra libraries.
- Free demo and documentation — The package includes all demo images, a single HTML file, font icons, and detailed documentation and examples, making it a self-contained starting point.
- Open-source licensing — MDB is open source, free to use in commercial projects, and receives lifetime free updates.
Who should use MDB?
- Frontend developers — quickly prototype a responsive marketing site or landing page by copying MDB components instead of hand-writing CSS.
- UI/UX designers — use the Material Design 2.0 components and SCSS source files as a base for creating style guides and design mockups.
- Startup founders — assemble a professional-looking website with navigation, carousels, forms, and login pages without a dedicated frontend team.
- Students learning Bootstrap 5 — study the included source files and documentation to see how Bootstrap 5 components are structured.
What can you do with MDB?
- Marketers: build a landing page with carousels, navbars, lead-capture forms, and call-to-action sections to promote a product.
- SaaS teams: create a product demo site with charts, datatables, and tooltips to showcase features and data.
- Freelancers: use the kit as a base for client projects, replacing placeholder content and re-styling via SCSS.
What's included in the download?
- 1 HTML file
- All demo images
- Font icons
- CSS & SCSS files
- JavaScript source files
- Library and plugin files
What libraries and plugins does MDB use?
MDB uses Bootstrap 5 as its CSS framework and Favicon (from favicon.io) for generating favicon files. No other third-party libraries are listed on the download page.
Pricing
Free — MDB is open source and can be used in commercial projects with lifetime free updates.
Alternatives
- Wired UI Kit — a Bootstrap 4 responsive web UI kit also on ThemeWagon.
- Charcoal — a free HTML5 Bootstrap 4 app UI kit.
- Equip — a free Bootstrap 4 HTML5 UI kit template.
FAQ
Is MDB free to use?
Yes. MDB is open source, free for commercial projects, and comes with lifetime free updates. There is no paid tier mentioned on the download page.
What Bootstrap version does MDB use?
MDB is built on Bootstrap 5, and the package includes both CSS and SCSS source files for customization.
What do you get in the download?
The download contains 1 HTML file, all demo images, font icons, CSS and SCSS files, JavaScript source files, and library and plugin files. You also get detailed documentation and examples.
Does MDB work on mobile devices?
Yes. The template is fully responsive and compatible with Chrome, Edge, Firefox, Mobile, Opera, and Safari.
Who created MDB?
MDB was created by MDBootstrap and is distributed on ThemeWagon, where it has been downloaded over 3,500 times.
