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 124 338506
bootstrap-hover-dropdown
An unofficial Bootstrap plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.
Language:HTML1.2k 101 126493
bootstrap-templates
A collection of free Bootstrap 5 templates.
3.1k 109 4461k
bootstrap-toggle-buttons
Bootstrap-toggle-buttons has moved to https://github.com/nostalgiaz/bootstrap-switch
Language:JavaScript1k 75 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 297 2411.1k
mdb-angular-ui-kit
Angular 19 & Bootstrap 5 & Material Design UI KIT
Language:SCSS1.1k 59 126279
mdb-react-ui-kit
React 18 & Bootstrap 5 & Material Design 2.0 UI KIT
Language:TypeScript1.4k 43 136262
mdb-ui-kit
Bootstrap 5 & Material Design UI KIT
Language:SCSS24.3k 769 1.2k3.5k
mdb-vue-ui-kit
Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
Language:SCSS968 28 39190
TW-Elements
𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎
Language:JavaScript13.1k 220 6281.6k

MDBootstrap's Repositories

mdbootstrap/bootstrap-select-dropdown-with-search
Responsive Select dropdown with search built with Bootstrap 5. Helps you find the options you are looking for by searching.
5 5 00
mdbootstrap/react-hero
Responsive React Hero built with Bootstrap 5. Examples include hero image, hero banner, hero slider, hero section & more.
Language:JavaScript3 4 01
mdbootstrap/bootstrap-cookie-consent
Bootstrap cookie banner is a popup window with cookie notice required by GDPR. Learn how to create a modal like this with Bootstrap 5 or download free examples.
Language:SCSS2 4 0
mdbootstrap/bootstrap-modal-image
Responsive Modal image built with Bootstrap 5. Modal image is a responsive gallery with the option to enlarge selected photos or videos.
Language:SCSS2 4 0
mdbootstrap/bootstrap-carousel-autoplay
Responsive Carousel autoplay built with Bootstrap 5. Examples of how to turn on and turn off the carousel autoplay.
Language:SCSS1 4 0
mdbootstrap/bootstrap-how-to-center-div-vertically-and-horizontally
Learn how you can simply center div vertically and horizontally in your Bootstrap 5 project.
Language:SCSS1 4 0
mdbootstrap/bootstrap-logo
Responsive Logo built with Bootstrap 5. Navbar with logo, logo centered in Navbar, logo above the navbar, logo carousel & more.
Language:SCSS1 4 01
mdbootstrap/bootstrap-modal-form
Bootstrap modal forms are displayed-on-action pop-up forms that are used for gathering data from website visitors, to register or log users.
Language:SCSS1 2 0
mdbootstrap/bootstrap-side-panel
Responsive side panel built with Bootstrap 5. Examples of responsive side panels which include slides, navigation, collapsing and more.
1 3 0
mdbootstrap/bootstrap-fade-animation
Responsive Fade animation built with Bootstrap 5. Subtle and smooth MDB fade animations provide the user with a unique experience when interacting with UI.
4 0
mdbootstrap/bootstrap-horizontal-list
Responsive Horizontal list built with Bootstrap 5. Horizontal lists are responsive components for displaying a series of content.
Language:SCSS2 0
mdbootstrap/bootstrap-how-to-make-a-circle-image
Learn how you can simply make a circle image in your Bootstrap 5 project.
Language:SCSS4 0
mdbootstrap/bootstrap-icon-color
Responsive Icon color built with Bootstrap 5. A quick and easy way to change the color of icons.
Language:SCSS4 0
mdbootstrap/bootstrap-inline-block
Responsive Inline Block built with Bootstrap 5. Wrapping an item without going beyond its parent.
Language:SCSS2 01
mdbootstrap/bootstrap-navbar-brand
Responsive Navbar brand built with Bootstrap 5. Examples of responsive navbar brands include the image, the icon, in center or a background color.
2 0
mdbootstrap/bootstrap-number-inputs
Responsive Number Inputs built with Bootstrap 5. Input fields refer specifically to the number input fields, which are used to obtain data from the users.
Language:SCSS1 0
mdbootstrap/bootstrap-select-list
Responsive Select list built with Bootstrap 5. Examples include multiselect dropdown, select dropdown with search, placeholders, disabled select and options.
4 0
mdbootstrap/bootstrap-table-column-width
Responsive Table column width built with Bootstrap 5. Use one of the following classes to manipulate the width of the columns.
Language:SCSS4 0
mdbootstrap/react-card-deck
Responsive Card Deck built with Bootstrap 5, React 17 and Material Design 2.0. Bootstrap card-deck with multiple rows and standard breakpoints.
Language:JavaScript4 0
mdbootstrap/react-dialog
Responsive React Dialog built with Bootstrap 5. Examples of dialog box UI for confirm & reject dialog popups, alert dialogs & more.
Language:JavaScript4 0
mdbootstrap/react-dropdown-button
Responsive React Dropdown Button built with Bootstrap 5. Dropdown can be created with the use of a button or link elements.
Language:JavaScript4 0
mdbootstrap/react-labels
Responsive React Labels built with Bootstrap 5. Badge Labels are for counters, categories & tags. Floating labels refer to forms, and slider labels to the range.
Language:JavaScript4 0
mdbootstrap/react-logo
Responsive React Logo built with Bootstrap 5. Navbar with logo, logo centered in Navbar, logo above the navbar, logo carousel & more.
Language:JavaScript4 01
mdbootstrap/react-max-width
Responsive React Max Width built with Bootstrap 5. Learn how to make a container or an element max width within its parent.
Language:JavaScript4 0
mdbootstrap/react-popup
Responsive React Popup built with Bootstrap 5. Examples include modal popup, popup box, notification message popup, alert popup, lightbox popup & popup form.
Language:JavaScript4 0
mdbootstrap/react-screen-sizes
Responsive React Screen Sizes built with Bootstrap 5. Check default pixel widths for different screen sizes supported by Bootstrap 5 responsiveness features.
Language:JavaScript4 0
mdbootstrap/react-select-dropdown
Responsive React Select Dropdown built with Bootstrap 5. Examples include multiselect dropdown, select dropdown with search box, checkbox form select dropdown & more.
4 0
mdbootstrap/react-slider
Responsive React Sliders built with Bootstrap 5. Range slider bar with label or a carousel image slider? No matter what you are looking for, we've got you covered.
Language:JavaScript4 0
mdbootstrap/react-table-filter
Responsive Table Filter built with React Bootstrap 5. Search filter is the most common useful table control. Filter any table with ease using datatables features.
4 0
mdbootstrap/react-weather
Responsive React Weather templates built with the latest Bootstrap 5. Examples of UI with icons, cards, real data from API, interactive animated backgrounds & more
Language:JavaScript4 0