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.
Contents
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.
Community
- Snippets - Projects created with MDBootstrap.
- Support - Place where you can solve your technical problems.
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.
- UI/UX Tips - Quick and easy-to-implement tips to improve your design.
- Services - We incorporate all of them in our own products, so our developers are uniquely experienced with these tools. We also use a variety of other solutions.
- 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 2022?
- Articles - Contribute to the community and share your technical knowledge - or just read the articles written by others.
Rankings
- UI Kits & Themes - Bootstrap, Angular, React, Vue UI Kits.
- Free Bootstrap Templates & Themes - Stunning, Responsive Material Design Themes.
- Premium Bootstrap Templates & Themes - Blog, Portfolio, eCommerce, Magazine, Admin Angular & React & Vue Templates.
- Backend Bootstrap Templates & Themes - Jamstack, PHP, MySQL, Python, NodeJS, Tailwind, Laravel Backend Integrations UI Kits.
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.