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

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.

• Projects created with MDBootstrap.

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.

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 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.

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.

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

• Video Tutorials
• Written Tutorials