All Projects → mdbootstrap → Material Design For Bootstrap

mdbootstrap / Material Design For Bootstrap

Licence: other
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

Programming Languages

184084 projects - #8 most used programming language
56736 projects
7915 projects
75241 projects

Projects that are alternatives of or similar to Material Design For Bootstrap

Mdb Ui Kit
Bootstrap 5 & Material Design 2.0 UI KIT
Stars: ✭ 21,830 (+130.69%)
Mutual labels:  framework, material-design, material, uikit, bootstrap, bootstrap4, material-design-for-bootstrap
Vue Bootstrap With Material Design
Vue Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 803 (-91.51%)
Mutual labels:  framework, material-design, design, bootstrap, frontend, bootstrap4
Angular Bootstrap With Material Design
Angular Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 1,031 (-89.1%)
Mutual labels:  framework, material-design, design, bootstrap, bootstrap4
React Bootstrap With Material Design
React Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 1,119 (-88.17%)
Mutual labels:  material-design, design, uikit, bootstrap, bootstrap4
Shards Dashboard
🔥A beautiful Bootstrap 4 admin dashboard templates pack.
Stars: ✭ 1,143 (-87.92%)
Mutual labels:  material-design, material, ui-kit, bootstrap, bootstrap4
React Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 74 (-99.22%)
Mutual labels:  uikit, bootstrap4, ui-kit, mdbootstrap, material-design-for-bootstrap
Uix Kit
A free UI toolkit based on some common libraries for building beautiful responsive website, compatible with Bootstrap v4.
Stars: ✭ 318 (-96.64%)
Mutual labels:  design, uikit, bootstrap, frontend, bootstrap4
Material Kit
Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design
Stars: ✭ 5,672 (-40.06%)
Mutual labels:  material-design, uikit, ui-kit, bootstrap, bootstrap4
Now Ui Kit
Now UI Kit Bootstrap 4 - Designed by Invision. Coded by Creative Tim
Stars: ✭ 1,705 (-81.98%)
Mutual labels:  uikit, ui-kit, bootstrap4, bootstrap-4
Awesome Uikit
Collect JS Frameworks, Web components library and Admin Template.
Stars: ✭ 1,136 (-88%)
Mutual labels:  framework, uikit, bootstrap, bootstrap4
Materialize, a CSS Framework based on Material Design
Stars: ✭ 38,630 (+308.22%)
Mutual labels:  framework, material-design, material, design
Anchor is a free Bootstrap UI Kit with flexible, ready to use UI components which will hep you build websites faster.
Stars: ✭ 69 (-99.27%)
Mutual labels:  uikit, bootstrap4, ui-kit, bootstrap-4
Open Source UI Kit built on top of Bootstrap 4 and plain JavaScript without any additional libraries like jQuery
Stars: ✭ 361 (-96.19%)
Mutual labels:  uikit, bootstrap, bootstrap4, bootstrap-4
Material Framework
[Unmaintained] An easy to use material design based framework.
Stars: ✭ 383 (-95.95%)
Mutual labels:  framework, material-design, material, design
Sleek Dashboard
Sleek Dashboard - Free Bootstrap 4 Admin Template and UI Kit
Stars: ✭ 690 (-92.71%)
Mutual labels:  uikit, bootstrap, bootstrap4, bootstrap-4
Startbootstrap Round About
A Bootstrap HTML template for creating about pages - created by Start Bootstrap
Stars: ✭ 35 (-99.63%)
Mutual labels:  bootstrap, bootstrap4, bootstrap-4
🐉 Material Component Framework for Vue
Stars: ✭ 33,085 (+249.62%)
Mutual labels:  material-design, material, ui-kit
Startbootstrap 2 Col Portfolio
A two column Bootstrap HTML portfolio template - created by Start Bootstrap
Stars: ✭ 40 (-99.58%)
Mutual labels:  bootstrap, bootstrap4, bootstrap-4
Just beautiful
Stars: ✭ 870 (-90.81%)
Mutual labels:  material-design, material, design
A Template for Bootstrap 4 based on my Bootstrap 4 Layouts course on LinkedIn Learning
Stars: ✭ 44 (-99.54%)
Mutual labels:  design, bootstrap, bootstrap4

Material Design for Bootstrap

Downloads License cdnjs npm

The most popular UI KIT for building responsive, mobile-first websites and apps - free for personal & commercial use. Available jQuery, Angular, React and Vue versions.

Trusted by 2 000 000+ developers & designers. Used by companies like

Our impressive collection of beautiful, 500+ material UI elements, 600+ material icons, 77+ CSS animations, 9+ useful plugins, SASS files, templates, tutorials and many more allows you to develop any kind of project.

We're maintaining a dedicated Support Forum for this purpose. This is also a go-to place for every suggestion, opinion, bug, and issue report if you'd like to receive help as soon as possible. Reports posted on Support Forum are prior to GitHub issues

Please read contribution rules before starting your improvements in order to help us make the cooperation and reviewing experience as pleasant and effective as possible

More Web Development Technologies

⠀ MDBootstrap Angular⠀ ⠀ MDBootstrap React ⠀­ ⠀ ­ MDBootstrap Vue⠀ ­ ­­ MDBootstrap 5 ­­
­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­­ MDB Angular ­­ ­­­­ ­­­ ⠀ ­­ ­­­ ­­­ ­­­ ­­­ ­­­ MDB React ⠀­­ ­­­ ­­­ ­­­ ­­­ ­­­ ⠀ ­­ ­­­ ­­­ ­­­ ­­­ ­­­ MDB Vue ­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ MDB 5 ⠀ ­­ ­­­ ­­­ ­­­ ­­­ ­­­

Quick Start Video

According to your preference, you can follow a video or written version

Also, you can install MDB Free using NPM installation guide

MDB CLI - the fastest way to create and host MDB projects

With MDB CLI you can start a new project within seconds! Use mdb init command and start with a pre-set configuration!
Publish and host
Make your project visible with mdb publish, no need to store your code, simply get the link and share it with the world!
Get started



A slideshow component for cycling through elements—images or slides of text—like a carousel.

Loader / Spinner


You can use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more...


Bootstrap cards are components which display content built of different elements with characteristic shadows, depth and hover effects.


Bootstrap alerts are feedback messages that are displayed after specific actions performed by the user. The length of the text is unlimited.

Hamburger Menu

Bootstrap alerts are feedback messages that are displayed after specific actions performed by the user. The length of the text is unlimited.


A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.


Bootstrap's sidenav is a vertical navigation component which apart from traditional, text links, might embed icons, dropdowns, avatars or search forms.

Use MDB modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

Supported browsers

MDBootstrap supports the latest, stable releases of all major browsers and platforms.

Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform’s web view API, are not explicitly supported. However, MDBootstrap should (in most cases) display and function correctly in these browsers as well.

Mobile devices

Generally speaking, MDBootstrap supports the latest versions of each major platform’s default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile’s Turbo mode, UC Browser Mini, Amazon Silk) are not supported.

Android Browser & WebView IE / Edge
Miscrosoft Edge
⠀Android⠀ ⠀Supported⠀ ⠀Supported⠀ ⠀N/A⠀ Android v5.0+ supported Supported
⠀iOS⠀ ⠀Supported⠀ ⠀Supported⠀ ⠀Supported N/A Supported
⠀Windows 10 Mobile⠀ ⠀N/A⠀ ⠀N/A⠀ ⠀N/A⠀ N/A⠀ Supported

Desktop browsers

Similarly, the latest versions of most desktop browsers are supported.

IE / Edge
Internet Explorer
Internet Explorer / Edge
⠀⠀⠀Mac⠀⠀ Supported Supported N/A N/A ⠀Supported⠀ ⠀Supported⠀⠀
⠀⠀⠀Windows⠀ Supported Supported N/A ⠀Supported⠀ ⠀Supported⠀ ⠀Not supported⠀


You can explore huge, detailed documentation on our website. You can also use sitemap where each component is located


Additional tutorials for those with insatiable appetite for knowledge made by us & our users can be found in our education section & in miscellaneous

Useful resources

Here you'll find more useful resources, like Getting Started, Freebies, Premium Templates & snippet editor

Connect with us on

Twitter | Facebook | Pinterest | Dribbble | LinkedIn | YouTube

You enjoy using MDB? Check the advantages of the PRO version

Material Design for Bootstrap PRO

Support MDB developers

  • Star our GitHub repo
  • Create pull requests, submit bugs, suggest new features or documentation updates
  • Follow us on Twitter
  • Like our page on Facebook

A big ❤️ thank you to all our users ❤️ who are working with us to improve the software. We wouldn't be where we are without you.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].