2020-12-17 11:06:16 +03:00
![MDB Logo ](https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-r.png )
2020-12-30 17:22:44 +03:00
# MDB 5 Alpha
2020-12-17 11:06:16 +03:00
### Bootstrap 5 & Material Design 2.0 UI KIT
2020-12-30 17:29:26 +03:00
**[>> Get Started in 3 steps](https://mdbootstrap.com/docs/standard/getting-started/installation/)**
2020-12-17 11:06:16 +03:00
2020-12-30 17:29:26 +03:00
**[>> Get Started with Webpack](https://github.com/mdbootstrap/mdb-webpack-starter)**
**[>> MDB 5 Demo](https://mdbootstrap.com/docs/standard/#demo)**
2020-12-29 16:10:06 +03:00
2020-12-30 17:28:32 +03:00
< a href = "https://npmcharts.com/compare/mdbootstrap?minimal=true" > < img src = "https://img.shields.io/npm/dm/mdbootstrap.svg?label=MDB%20Downloads" alt = "Downloads" > < / a >
< a href = "https://github.com/mdbootstrap/bootstrap-material-design/blob/master/License.pdf" > < img src = "https://img.shields.io/badge/license-MIT-green.svg" alt = "License" > < / a >
< a href = "https://twitter.com/intent/tweet/?text=Thanks+@mdbootstrap+for+creating+amazing+and+free+Material+Design+for+Bootstrap+4+UI+KIT%20https://mdbootstrap.com/docs/jquery/&hashtags=javascript,code,webdesign,bootstrap" > < img src = "https://img.shields.io/twitter/url/http/shields.io.svg?style=social&label=Let%20us%20know%20you%20were%20here%21&" > < / a >
< a href = "https://www.youtube.com/watch?v=c9B4TPnak1A&t=6s" > < img alt = "YouTube Video Views" src = "https://img.shields.io/youtube/views/c9B4TPnak1A?label=Bootstrap%205%20Tutorial%20Views&style=social" > < / a >
2020-12-17 11:06:16 +03:00
___
< table >
< tbody >
< tr >
< td >
< a href = "https://mdbootstrap.com/docs/standard/" alt = "Bootstrap 5" rel = "dofollow" >
2020-12-30 17:22:44 +03:00
< img src = "https://z9t4u9f6.stackpathcdn.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/about/assets/mdb5-about.jpg" >
2020-12-17 11:06:16 +03:00
< / a >
< / td >
< td >
< ul >
< li > < b > 500+ material UI components< / b > < / li >
< li > Super simple, 1 minute installation< / li >
< li > Detailed docs & multiple practical examples< / li >
< li > Lots of tutorials< / li >
< li > Plenty of free templates< / li >
< li > < b > Plain javascript (but works also with jQuery)< / b > < / li >
< li > Huge and active community< / li >
< li > < b > MIT license - free for personal & commercial use< / b > < / li >
< / ul >
< / td >
< / tr >
< / tbody >
< / table >
Trusted by < b > 2 000 000+< / b > developers & designers. Used by companies like
< table >
< tbody >
< tr >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/nike.png" style = "width: 10px;" > < / td >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/amazon.png" style = "width: 10px;" > < / td >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/sony.png" style = "width: 10px;" > < / td >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/samsung.png" style = "height: 40px" >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/airbus.png" style = "height: 40px" >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/yahoo.png" style = "height: 40px" >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/deloitte.png" style = "height: 40px" > < / div >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/ge.png" style = "height: 40px" >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/kpmg.png" style = "height: 40px" >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/unity.png" style = "height: 40px" >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/ikea.png" style = "max-height: 40px" >
< td > < img src = "https://mdbootstrap.com/img/logo/brands/aegon.png" style = "height: 40px" >
< / tr >
< / tbody >
< / table >
___
### Super simple, 1 min installation
###### Simplicity and ease of use are key features of MDB 5 UI Kit. You need only one minute to install and run it.
**[>> Click here for a 3-step installation guide](https://mdbootstrap.com/docs/standard/getting-started/installation/)**
2020-12-29 16:01:49 +03:00
**Or click below to watch 2 minute installation tutorial**
2020-12-17 11:06:16 +03:00
2020-12-29 16:01:49 +03:00
< a href = "https://www.youtube.com/watch?v=biwC8jK7YYY" alt = "Bootstrap 5" rel = "dofollow" > < img src = "https://mcusercontent.com/461480655ccce528d909d3f42/images/c872f264-a491-4a86-8756-933cac5f72a0.png" > < / a >
2020-12-17 11:06:16 +03:00
___
2016-01-26 21:12:48 +03:00
2020-12-29 16:01:49 +03:00
### Learn Bootstrap 5 - crash course for beginners in 1.5H (June 2020)
###### Tutorial for the latest Bootstrap v.5 Alpha. In this video we'll learn about the changes implemented into v.5.
2017-08-11 17:59:31 +03:00
2020-12-29 16:01:49 +03:00
**[>> Click here for a written tutorial](https://mdbootstrap.com/docs/standard/getting-started/quick-start/)**
2016-01-26 21:12:48 +03:00
2020-12-29 16:01:49 +03:00
**Or click below to watch the full 1.5H Bootstrap 5 tutorial**
2016-01-26 21:12:48 +03:00
2020-12-29 16:01:49 +03:00
< a href = "https://www.youtube.com/watch?v=c9B4TPnak1A" alt = "Bootstrap 5" rel = "dofollow" > < img src = "https://mcusercontent.com/461480655ccce528d909d3f42/images/35c32804-eeae-40a0-a37f-c248c71d9439.png" > < / a >
2016-01-26 21:12:48 +03:00
2020-12-29 16:01:49 +03:00
___
2016-01-26 21:12:48 +03:00
2020-12-30 17:22:44 +03:00
### Demo
###### Simplicity and ease of use are key features of MDB 5 UI Kit. You need only one minute to install and run it.
2020-12-29 16:12:28 +03:00
2020-12-30 17:22:44 +03:00
< a href = "https://mdbootstrap.com/docs/standard/" alt = "Bootstrap 5" rel = "dofollow" > < img src = "https://mdbootstrap.com/img/Marketing/campaigns/demo-loaders1.gif" > < / a >
2020-11-27 21:13:56 +03:00
2020-12-30 17:22:44 +03:00
< a href = "https://mdbootstrap.com/docs/standard/" alt = "Bootstrap 5" rel = "dofollow" > < img src = "https://mdbootstrap.com/img/Marketing/campaigns/demo-mdb5.jpg" > < / a >