awesome-mdbootstrap
A curated list of awesome things related to MDBootstrap
https://github.com/mdbootstrap/awesome-mdbootstrap
Last synced: about 1 month ago
JSON representation
Articles
- 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.
CLI & hosting
- 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.
Community
Data Grid
- GetDataDen - The ultimate customizable Data Grid
-
Advanced data structure
- The latest and most advanced data structure allows customizing each column (sort, width, resize, field) and matches values from each row to a column in which the
fieldequals a given key value. - Draggable columns - Experience seamless interactivity with our draggable columns feature. Effortlessly rearrange your data grid to suit your workflow, ensuring optimal organization and efficiency. Just click, drag, and drop to customize your data display exactly as you need.
- Pagination - Explore efficient data navigation with our pagination example. Learn to seamlessly handle large datasets by integrating simple, intuitive pagination controls.
- Column search - Discover the power of quick data retrieval with our search column feature. Easily locate the information you need within your DataDen grids for a more streamlined and productive data management experience.
- Compact version - Unlock the full potential of your data grid with advanced CSS customization. Style every aspect to match your brand or personal preference, from colors and fonts to layouts. Create a visually cohesive and highly functional data interface with ease.
Education
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.
- 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.
Resources
- 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.
- 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.
- MDB Standard Pro - Premium UI Kit for the latest Bootstrap 5. Lifetime usage of 5000+ premium components, thousands of templates, plugins, design blocks.
Tools
- 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.
- 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.
TW Elements useful links (Tailwind CSS)
- UI Kit - Bootstrap components recreated with Tailwind CSS, but with better design and more functionalities
- TW Elements integrations
- Django Integration
- Angular Integration
- Express Integration
- Laravel Integration
- Next Integration
- Nuxt Integration
- Django Integration
- Remix Integration
- Solid Integration
- Svelte Integration
- Sveltekit Integration
- Vue Integration
Useful Links
- 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.
- Reviews - User feedback on mdbootstrap.
- 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.
- UI/UX Tips - Quick and easy-to-implement tips to improve your design.
- Snippets - Best source of Bootstrap code examples & plugins.