MDBootstrap

Top quality open-source UI Kits for JavaScript, Bootstrap, Angular, React & Vue.

Pinned Repositories

adminlte-laravel
A Laravel 5 package that switchs default Laravel scaffolding/boilerplate to AdminLTE template and Pratt Landing Page with Bootstrap 3.0
Language:PHP1.8k 126 338510
bootstrap-hover-dropdown
An unofficial Bootstrap plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.
Language:HTML1.3k 102 126500
bootstrap-templates
A collection of free Bootstrap 5 templates.
3.1k 110 4461k
bootstrap-toggle-buttons
Bootstrap-toggle-buttons has moved to https://github.com/nostalgiaz/bootstrap-switch
Language:JavaScript1k 76 3789
material-design-for-bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
Language:JavaScript9.3k 298 2411.1k
mdb-angular-ui-kit
Angular 18 & Bootstrap 5 & Material Design UI KIT
Language:SCSS1.1k 59 125282
mdb-react-ui-kit
React 18 & Bootstrap 5 & Material Design 2.0 UI KIT
Language:TypeScript1.4k 44 135265
mdb-ui-kit
Bootstrap 5 & Material Design UI KIT
Language:SCSS24.2k 770 1.2k3.5k
mdb-vue-ui-kit
Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
Language:SCSS955 29 39190
TW-Elements
𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎
Language:JavaScript13k 218 6281.6k

MDBootstrap's Repositories

mdbootstrap/TW-Elements
𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎
Language:JavaScript13k 218 6281.6k
mdbootstrap/TW-Elements-React
TW Elements for React - 𝙃𝙪𝙜𝙚 collection of Tailwind + React components, sections and templates 😎
Language:HTML139 7 9227
mdbootstrap/awesome-mdbootstrap
A curated list of awesome things related to MDBootstrap
51 6 02
mdbootstrap/bootstrap-5-login-cover-template
Simplistic template for a login or registration page. Built with the latest Bootstrap 5 & Material Design.
Language:SCSS10 5 012
mdbootstrap/bootstrap-5-blog-template
Simple blog template. Built with the latest Bootstrap 5 & Material Design.
Language:SCSS9 5 014
mdbootstrap/bootstrap-5-three-columns-template
A template that will easily help you kick start your project with 2-column based grid. Built with the latest Bootstrap 5 & Material Design.
Language:SCSS5 5 01
mdbootstrap/bootstrap-5-one-column-template
A template that will easily help you kick start your project with 2-column based grid. Built with the latest Bootstrap 5 & Material Design.
Language:SCSS4 5 01
mdbootstrap/bootstrap-5-coming-soon-template
Hurry your users up with the help of a simple javascript counter embedded on a bootstrap page. Built with the latest Bootstrap 5 & Material Design.
Language:SCSS3 5 012
mdbootstrap/bootstrap-5-magazine-template
Template for news & article aggregation. Built with the latest Bootstrap 5 & Material Design.
Language:SCSS3 5 05
mdbootstrap/bootstrap-5-two-columns-template
A template that will easily help you kick start your project with 2-column based grid. Built with the latest Bootstrap 5 & Material Design.
Language:SCSS3 5 01
mdbootstrap/bootstrap-5-categories-template
A simple template for displaying categories on blogs, magazines, news sites & others. Built with the latest Bootstrap 5 & Material Design.
Language:SCSS2 5 02
mdbootstrap/bootstrap-5-half-video-cover-template
Make your website stand out with a video that takes up half a page. Built with the latest Bootstrap 5 & Material Design.
Language:SCSS2 5 04
mdbootstrap/bootstrap-5-jumbotron-template
A simple web template with a jumbotron at the top. Built with the latest Bootstrap 5 & Material Design.
Language:SCSS2 5 01
mdbootstrap/bootstrap-flash-messages
Responsive Flash messages built with the latest Bootstrap 5. Flash messages provide contextual feedback informations for typical user actions with a handful of responsible and flexible messages boxes.
00
mdbootstrap/awesome-data-grid
A curated list of awesome things related to Data Grid.
mdbootstrap/bootstrap-background-image
Setting a background image in Bootstrap can seem troublesome, especially for novice web developers. Thanks to this tutorial, you will not only learn how to use this functionality without any problems, but you will also learn advanced tricks that will allow you to create truly amazing projects with unconventional design.
mdbootstrap/bootstrap-breakpoints
Breakpoints are the triggers in Bootstrap for how your layout responsive changes across device or viewport sizes.
2 0
mdbootstrap/bootstrap-colors
MDB is supported by an extensive Material Design color system that themes our styles and components. This enables more comprehensive customization and extension for any project.
2 0
mdbootstrap/bootstrap-columns
Learn how to modify columns with multiple alignment, ordering, and and offsetting with the flexbox grid system. Also, see how to use column classes to manage widths of non-grid elements.
2 0
mdbootstrap/bootstrap-containers
Containers are a fundamental building block of Bootstrap that contain, pad, and align your content within a given device or viewport.
mdbootstrap/bootstrap-css-grid
Learn how to enable, use, and customize our alternate CSS Grid based layout system with examples and code snippets.
mdbootstrap/bootstrap-display
Quickly and responsively toggle the display value of components and more with our display utilities. Includes support for some of the more common values, as well as some extras for controlling display when printing.
mdbootstrap/bootstrap-dividers
Divider lines for Bootstrap 5 layouts. Examples of horizontal divider lines (hr) as well as vertical divider lines for clearer organization of your content.
mdbootstrap/bootstrap-figures
Documentation and examples for displaying related images and text with the figure component in MDB.
2 0
mdbootstrap/bootstrap-flexbox
Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities. For more complex implementations, custom CSS may be necessary.
mdbootstrap/bootstrap-float
Toggle floats on any element, at any breakpoint, using responsive float utilities.
mdbootstrap/bootstrap-grid
Bootstrap grid is a powerful system for building mobile-first layouts. It's very extensive tool with a great number of options. Below we present you the core knowledge. It's a simplified overview of the most commonly used examples.
2 0
mdbootstrap/bootstrap-gutters
Gutters are the padding between your columns, used to responsively space and align content in the Bootstrap grid system.
mdbootstrap/bootstrap-horizontal-alignment
Utilities for horizontal alignment.
mdbootstrap/bootstrap-vertical-alignment
Flexbox utilities for vertical alignment.