MDBootstrap

All

337 repositories

mdb-angular-ui-kit
Public
Angular 18 & Bootstrap 5 & Material Design UI KIT
bootstrap angular ui-kit material-design-bootstrap bootstrap5
SCSS
•
Other
•282•1.1k•3•1•Updated Nov 18, 2024Nov 18, 2024
mdb-ui-kit
Public
Bootstrap 5 & Material Design UI KIT
javascript css html bootstrap framework material material-design uikit bootstrap-material bootstrap-theme
SCSS
•
Other
•3.5k•24k•21•4•Updated Nov 18, 2024Nov 18, 2024
perfect-scrollbar
Public
Minimalistic but perfect custom scrollbar plugin. Get more free components with Material Design for Bootstrap UI Kit (link below)
javascript css html bootstrap ui js frontend scrolling scroll scrollbar
JavaScript
•
MIT License
•70•353•153•7•Updated Oct 29, 2024Oct 29, 2024
mdb-vue-ui-kit
Public
Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
uikit bootstrap5 bootstrap vue material-design
SCSS
•
Other
•191•956•0•0•Updated Sep 16, 2024Sep 16, 2024
mdb-react-ui-kit
Public
React 18 & Bootstrap 5 & Material Design 2.0 UI KIT
react javascript css html bootstrap design library material material-design reactjs
TypeScript
•
Other
•264•1.4k•4•0•Updated Sep 16, 2024Sep 16, 2024
mdb-starter-parcel
Public
HTML
•1•2•0•0•Updated Aug 28, 2024Aug 28, 2024
mdb-starter-vite
Public
HTML
•1•5•0•0•Updated Aug 28, 2024Aug 28, 2024
mdb-starter-webpack
Public
JavaScript
•4•7•0•0•Updated Aug 28, 2024Aug 28, 2024
examples-and-customization
Public
A stunning collection of components templates built with the newest Bootstrap 5. Practical examples and usage in real projects.
bootstrap examples bootstrap5
0•0•0•0•Updated Aug 19, 2024Aug 19, 2024
bootstrap-templates
Public
A collection of free Bootstrap 5 templates.
1k•3.1k•2•0•Updated Jul 25, 2024Jul 25, 2024
bootstrap-theme
Public
MDB now supports color modes, or themes, as of v7.0.0. Explore our default light color mode and the new dark mode, or create your own using our styles as your template.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-styles bootstrap5 bootstrap-content
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-vertical-rule
Public
Add a vertical divider to your design.
css html bootstrap js bootstrap-theme bootstrap-utilities bootstrap5 bootstrap--template bootstrap-vertical-rule
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-text-truncation
Public
Truncate long strings of text with an ellipsis.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-truncation
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-text
Public
Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-text
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-stretched-link
Public
Make any HTML element or MDB component clickable by “stretching” a nested link via CSS.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-stretched-link
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-stacks
Public
Stacks offer a shortcut for applying a number of flexbox properties to quickly and easily create layouts in Bootstrap. All credit for the concept and implementation goes to the open source Pylon project.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-stacks
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-spacing
Public
MDB includes a wide range of shorthand responsive margin and padding utility classes to modify an element’s appearance.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-spacing
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-sizing
Public
Easily make an element as wide or as tall with our width and height utilities.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-sizing
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-position
Public
Use these helpers for quickly configuring the position of an element.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-position
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-overflow
Public
Use these shorthand utilities for quickly configuring how content overflows an element.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-overflow
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-opacity
Public
The opacity property sets the opacity level for an element. The opacity level describes the transparency level, where 1 is not transparent at all, .5 is 50% visible, and 0 is completely transparent.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-opacity
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-embeds
Public
Create responsive video or images based on the width of the parent by creating an intrinsic ratio that scales on any device.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-embeds
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-interactions
Public
Utility classes that change how users interact with contents of a website.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-interactions
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-close-button
Public
Close button for the latest Bootstrap 5. Component used to dismiss content of modals, alerts, and popovers.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-button bootstrap-close
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-clearfix
Public
Quickly and easily clear floated content within a container by adding a clearfix utility. Free for personal & commercial use.
clearfix bootstrap5 what-is bootstrap
1•1•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-borders
Public
Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
css html bootstrap js bootstrap-theme bootstrap-template bootstrap-utilities bootstrap5 bootstrap-borders
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-ripple
Public
The ripple method generates a radial effect in the form of a visual ripple that expands outward from the user's touch. This visual feedback, known as a ripple, serves to indicate touch events, offering users a clear signal that an element is being interacted with.
css html bootstrap js bootstrap-method bootstrap-theme bootstrap-template bootstrap5 bootstrap-ripple
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-tooltips
Public
Bootstrap Tooltip displays informative text when users hover, focus, or tap an element. They display text tips next to the element in question.
css html bootstrap js bootstrap-components bootstrap-theme bootstrap-template bootstrap5 bootstrap-tooltips
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-spinners
Public
Responsive loading spinners for Bootstrap 5. Display a spinning circle border to indicate further action, i.e. an input spinner after form submission.
css html bootstrap js bootstrap-components bootstrap-theme bootstrap-template bootstrap5 bootstrap-spinners
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024
bootstrap-progress
Public
Responsive progress bar built with the latest Bootstrap 5. Progress bar is an indicator showing the completion progress, i.e. task or time. Use it with percents, steps & other options.
css html bootstrap js bootstrap-components bootstrap-theme bootstrap-template bootstrap5 bootstrap-progress bootstrap-progress-bar
MIT License
•0•0•0•0•Updated Jul 18, 2024Jul 18, 2024