Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

mdbootstrap

Package Overview
Dependencies
Maintainers
2
Versions
64
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mdbootstrap

Material Design for Bootstrap (MDB) is a powerful Material Design UI KIT for most popular HTML, CSS, and JS framework - Bootstrap.

  • 4.7.1
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
7.5K
increased by11.63%
Maintainers
2
Weekly downloads
 
Created
Source

Material Design for Bootstrap 4

logo

Downloads License cdnjs npm

400+ Material UI elements, 600+ Material icons, 74 CSS animations, SASS files, templates, tutorials and many more. Free for personal and commercial . Available jQuery, Angular, React and Vue versions.

Trusted by 500 000+ developers & designers. Used by such companies like Nike, Samsung, Amazon, IKEA, Sony and NASA.


Table of Contents


Other Technologies

Most important features

  1. Lots of tutorials

  2. Fully responsive

  3. Plenty of useful templates

  4. Easy installation

  5. Easy to use and customize

  6. Active community

  7. Dedicated support forum

  8. Detailed documentation

Demo

Main demo: https://mdbootstrap.com/docs/jquery/components/demo/

Quick Start

Written Tutorial: https://mdbootstrap.com/education/bootstrap/quick-start/

Video Tutorial: https://www.youtube.com/watch?v=cXTThxoywNQ&t=9s

How to install

You can install MDBootstrap using NPM:

npm install mdbootstrap

Additional tutorials

MDB - Bootstrap tutorial: https://mdbootstrap.com/education/bootstrap/

MDB - WordPress tutorial: https://mdbootstrap.com/education/wordpress/

MDBootstrap on CDNJS:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.6.0/css/mdb.min.css" />

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.6.0/js/mdb.min.js"></script>

Documentation

Huge, detailed documentation available online on: https://mdbootstrap.com/

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.

ChromeFirefoxSafariAndroid Browser & WebViewMicrosoft Edge
AndroidSupportedSupportedN/AAndroid v5.0+ supportedSupported
iOSSupportedSupportedSupportedN/ASupported
Windows 10 MobileN/AN/AN/AN/ASupported

Desktop browsers

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

ChromeFirefoxInternet ExplorerMicrosoft EdgeOperaSafari
MacSupportedSupportedN/AN/ASupportedSupported
WindowsSupportedSupportedN/ASupportedSupportedNot supported

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Highlights

Components
Choose among 400+ predefined components. Each component is ready to use and fits perfectly with each other like LEGO bricks. Take, combine, enjoy!

Modularity
Material Design for Bootstrap comes with both compiled, ready-to-use libraries including all features as well as modules for CSS (SASS files) and JS. That allows you to create your custom library including only elements which you really use in your project.

42 thematic sections
To save your time we have combined our components and prepared thematic sections like blog listings, contact forms, pricing table and much more. Choose, combine and enjoy your website in less than a minute.

10 fresh ready to use templates
We are going further and giving to you ready to use templates! Use them as you like, as an inspiration, prototype or final product for your customers.

Cross-browser compatibility
Chrome, Firefox, IE, Safari, Opera, Microsoft Edge - MDB loves all browsers, all browsers love MDB.

Modularity
Material Design for Bootstrap comes with both, compiled, ready to use libraries including all features as well as modules for CSS (SASS files) and JS. That allows you to create your custom library including only elements which you really use in your project.

Frequent updates
MDB becomes better every month. We love the project and enhance as much as possible.

Technical support
We really care about reliability. If you have any questions - do not hesitate to contact us.

Active community
Our society grows day by day. Visit our forum and check how it is to be a part of our family.

Flexbox
MDB fully suppports FlexBox. You can forget about alignment issues.

jQuery 3.2.1
MDB is integrated with newest jQuery, therefore you can use all the newest features which comes along with it.

SASS files
Arranged and well documented .scss files can't wait until you compile them.

Useful helpers
We are web developers, we really know which issues are the most annoying in our daily work. Helpers included in MDB will solve lot of them and make your life easiers.

Detailed documentation:
We give you detailed documentation at your disposal. It will help you to implement your ideas easily.

Tutorials, tutorials, tutorials
We care about development of our users. We have prepared numerous tutorials, which allow you to learn how to use MDB along with other technologies like Bootstrap, WordPress, Angular, Meteor etc.

Free for personal and commercial use
Our license is user friendly. Feel free to use MDB for both private as well as commercial projects.

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.


Getting started: https://mdbootstrap.com/docs/jquery/getting-started/download/

5 min quick start: https://mdbootstrap.com/education/bootstrap/quick-start/

Material Design + Bootstrap Tutorial: https://mdbootstrap.com/education/bootstrap/

Material Design + WordPress Tutorial: https://mdbootstrap.com/education/wordpress/

Freebies: https://mdbootstrap.com/freebies/

Premium Templates: https://mdbootstrap.com/templates/


Social Media

Twitter: https://twitter.com/MDBootstrap

Facebook: https://www.facebook.com/mdbootstrap

Pinterest: https://pl.pinterest.com/mdbootstrap

Google+: https://plus.google.com/u/0/b/107863090883699620484/+Mdbootstrap/posts

Dribbble: https://dribbble.com/mdbootstrap

LinkedIn: https://www.linkedin.com/company/material-design-for-bootstrap


PRO version

Material Design for Bootstrap PRO: https://mdbootstrap.com/products/jquery-ui-kit/

Keywords

FAQs

Package last updated on 04 Feb 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc