Awesome MDBootstrap

A curated list of the best resources in the MDBootstrap community.

MDBootstrap is a set of slick, responsive page templates, layouts, components, and widgets to rapidly build web pages.

Resources
Community
Useful Links
Articles
Tools
CLI & hosting
Education

Resources

Official projects and resources of MDBootstrap.

Free

MDB Standard Free - Free to download, open-source Bootstrap 5 UI Kit.
MDB Angular Free - Bootstrap 5 & Angular 11 Free UI KIT with Material Design.
MDB React Free - Bootstrap 5 & React 17 Free UI KIT with Material Design.
MDB Vue Free - Bootstrap 5 & Vue 3 Free UI KIT with Material Design.

Pro

MDB Standard Pro - Premium UI Kit for the latest Bootstrap 5. Lifetime usage of 5000+ premium components, thousands of templates, plugins, design blocks.
MDB Angular Pro - Material Design for Bootstrap 5 with Angular.
MDB React Pro - Material Design for Bootstrap 5 with React.
MDB Vue Pro - Material Design for Bootstrap 5 with Vue.

Mobile

MDB Angular Mobile - Based on the latest NativeScript-Angular version.
MDB React Mobile - Based on the latest React Native 0.61 version.
MDB Vue Mobile - Based on the latest NativeScript-Vue 2.4.0 version.

Community

Projects created with MDBootstrap.

Useful Links

Official projects and resources of MDBootstrap.

Snippets - Best source of Bootstrap code examples & plugins.
LAB - Inspirational concepts & experiments created by the community of MDB.
Visual Studio Code snippets - An extension that allows you to add useful snippets of the most popular MDB 5 components to Visual Studio Code.
Angular Visual Studio Code snippets - This extension adds snippets for MDB Angular - Angular Bootstrap UI KIT.
Webpack starter - This guide describes in detail the capabilities of Webpack Starter.
Reviews - User feedback on mdbootstrap.

Articles

Contribute to the community and share your technical knowledge - or just read the articles written by others.

Technology comparision - What will be the best JavaScript framework in 2021?
Articles - Contribute to the community and share your technical knowledge - or just read the articles written by others.

Tools

Tools and utilities to help build apps using MDBootstrap.

Logo generator - Create an elegant and stylish logo in 5 minutes.
CSS Masks & Glassmorphism Generator - Generate the perfect masks for your design.
Instagram filters CSS generator - Use famous Instagram filters via CSS and apply them to your project.
CSS gradients generator - Generate the perfect gradient for your design.
Fancy border radius generator - Generate unusual shapes with our border-radius generator.
Meta tags generator - Take care of your SEO generate the most accurate meta data for Google and social media.
Cards generator - Create bootstrap cards with custom shapes, buttons, colors, sizes.
Buttons generator - Create bootstrap buttons with custom icons, text, shapes, colors, sizes.
Charts creator - Easy to use chart builder (pie charts, line charts, bar charts).
Shadows generator - Generate the perfect shadow for your design.
SVG waves generator - Easily generate beautiful SVG shapes and apply them to your design.
Datatables builder - Create an elegant and stylish logo in 5 minutes.
Alerts generator - Create bootstrap alerts with custom shapes, buttons, colors, sizes.
Modals generator - Create bootstrap modals with custom shapes, sizes, animations.
Icons generator - 1600+ icons. Create bootstrap icons custom with sizes, colors, animations.
Table generator - Create bootstrap table custom with sizes, colors, animations.
Flexbox generator - The easiest and fastest way to create and test flexbox in Bootstrap 5.
Footer generator - Create bootstrap footer with custom coprytight, buttons, forms, links colors, sizes.
Navbar generator - Create bootstrap navbar with custom colors, brand, icons, forms, placement.

CLI & hosting

Powerful tool which allows you to create different projects. No more difficult configuration and deployment.

MDB CLI - Create, deploy and host your project with a single command.
Quick Start - Get started with MDB CLI easily and quickly and how to use its full potential.
Getting Started - Step by step on how to create your project and deploy.
Overview - Guide which will take you on how to perform different actions.

Education

Well-organized, up-to-date series of tutorials for the latest Bootstrap, Material Design, HTML, CSS, JavaScript.