mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-10 19:57:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
filipkappa 2022-01-17 13:47:00 +01:00 committed by GitHub
parent 81fecf70ac
commit a84ee83ac9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 118 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

165
README.md
View File

@ -1,50 +1,42 @@
<a href="https://mdbootstrap.com"><img src="https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-r.png"></a> Bootstrap 5 UI KIT - 700+ components, plain JavaScript, MIT license, simple installation.
# MDB 5 MDB is a collection of free Bootstrap templates, themes, design tools & resources.
### Bootstrap 5 & Material Design 2.0 UI KIT ---
**[>> Get Started in 3 steps](https://mdbootstrap.com/docs/standard/getting-started/installation/)** # Installation
**[>> Get Started with Webpack](https://github.com/mdbootstrap/mdb-webpack-starter)** ### [>> Get Started in 1 minute](https://mdbootstrap.com/docs/standard/getting-started/installation/)
Simple installation via .zip, npm or cdnjs.
**[>> MDB 5 Demo](https://mdbootstrap.com/docs/standard/#demo)**
<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> ### [>> Install with Webpack](https://mdbootstrap.com/docs/standard/getting-started/installation/#section-webpack)
This option is useful for experienced developers it enables bundling, unit testing code formatting, linting, saas support & more.
### [>> Install with MDBGO](https://mdbgo.com/)
Free Hosting, WordPress support, custom domains, SSL support, free database, frontend & backend templates, webpack starter included, git repostiory, FTP & jenkins support.
### [>> Install with MDBGO + e-commerce shop integration](https://mdbgo.com/wordpress-shop/)
One click setup! MDB GO allows you to create a WordPress page with a single click.
Regardless whether you want to create a Travel Blog or an e-commerce shop to sell your product you can easily do that. You can even combine both into single page.
### [>> MDB 5 Demo](https://mdbootstrap.com/docs/standard/#demo)
Preview basic MDB components.
---
# Material Design for Bootstrap 5 & Vanilla JavaScript
<p>Created by <a href="https://mdbootstrap.com"><img height="30" src="https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-r.png"></a>
<a href="https://npmcharts.com/compare/mdbootstrap?minimal=true"> <img src="https://img.shields.io/npm/dm/mdbootstrap.svg?label=NPM%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://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://twitter.com/intent/tweet/?text=Thanks+@mdbootstrap+for+creating+amazing+and+free+Material+Design+for+Bootstrap+5+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"><img alt="YouTube Video Views" src="https://img.shields.io/youtube/views/c9B4TPnak1A?label=Bootstrap%205%20Tutorial%20Views&style=social"></a> <a href="https://www.youtube.com/watch?v=c9B4TPnak1A"><img alt="YouTube Video Views" src="https://img.shields.io/youtube/views/c9B4TPnak1A?label=Bootstrap%205%20Tutorial%20Views&style=social"></a></p>
___
Trusted by <b>2 000 000+</b> developers & designers. Used by companies & institutions like
<table> <table>
<tbody> <tbody>
<tr> <tr>
<td> <td><img width="300" src="https://mdbootstrap.com/img/logo/brands/nasa.png"></td>
<a href="https://mdbootstrap.com/docs/standard/" alt="Bootstrap 5" rel="dofollow">
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/about/assets/mdb5-about.jpg">
</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"></td> <td><img src="https://mdbootstrap.com/img/logo/brands/nike.png"></td>
<td><img src="https://mdbootstrap.com/img/logo/brands/amazon.png"></td> <td><img src="https://mdbootstrap.com/img/logo/brands/amazon.png"></td>
<td><img src="https://mdbootstrap.com/img/logo/brands/sony.png"></td> <td><img src="https://mdbootstrap.com/img/logo/brands/sony.png"></td>
@ -61,18 +53,44 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
</tbody> </tbody>
</table> </table>
<table>
<tbody>
<tr>
<td>
<a href="https://mdbootstrap.com/docs/standard/" alt="Bootstrap 5" rel="dofollow">
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/about/assets/mdb5-about.jpg">
</a>
</td>
<td>
<ul>
<li><b><a href="https://mdbootstrap.com/docs/standard/">700+ UI components</a></b></li>
<li><b><a href="https://mdbootstrap.com/freebies/">Free templates</a></b></li>
<li>Super simple, 1 minute installation</li>
<li>Detailed docs & practical examples</li>
<li>Lots of tutorials</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>
___ ___
###### Tutorial for the latest Bootstrap v.5 Alpha. In this video we'll learn about the changes implemented into v.5. # Bootstrap 5 tutorial
**[>> Click here for a written tutorial](https://mdbootstrap.com/docs/standard/getting-started/quick-start/)** **[>> Learn more about Bootstrap 5](https://mdbootstrap.com/docs/standard/bootstrap-5/)**
**[>> Bootstrap Tutorial](https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/)**
<table> <table>
<tbody> <tbody>
<tr> <tr>
<td align="center"> <td align="center">
<a href="https://mdbootstrap.com/docs/standard/getting-started/" alt="Bootstrap Tutorials" rel="dofollow">
<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/learnmore-1.png"> <img src="https://mdbootstrap.com/wp-content/uploads/2020/12/learnmore-1.png">
</a> </a>
</td> </td>
@ -84,8 +102,8 @@ ___
</tr> </tr>
<tr> <tr>
<td align="center"> <td align="center">
<p align="center"><b>Start to Code</b></p> <p align="center"><b>Start learning from Basics</b></p>
<a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/standard/getting-started/" alt="Bootstrap 5" rel="dofollow">
<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/Screenshot_26.png"> <img src="https://mdbootstrap.com/wp-content/uploads/2020/12/Screenshot_26.png">
</a> </a>
</td> </td>
@ -277,11 +295,13 @@ ___
</p> </p>
</a> </a>
<p>Also check out our standalone project <a href="https://perfectscrollbar.com/">Perfect Scrollbar</a> which is included in MDB.</p>
----------------------------- -----------------------------
# MDB 5 Templates # Free Bootstrap 5 templates
<p>All the templates were created with MDB 5 UI KIT (Material Design for Bootstrap 5).</p> <p>All of the templates were created with MDB 5 UI KIT (Material Design for Bootstrap 5).</p>
<p>MDB is a free (MIT license) library, that provides extra features and significantly extends Bootstrap's capabilities.</p> <p>MDB is a free (MIT license) library, that provides extra features and significantly extends Bootstrap's capabilities.</p>
@ -370,7 +390,7 @@ ___
<a href="https://mdbgo.io/ascensus/MDB5-templates/magazine.html" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbgo.io/ascensus/MDB5-templates/magazine.html" alt="Bootstrap 5" rel="dofollow">
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/magazine.jpg"> <img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/magazine.jpg">
</a> </a>
<p align="center"><b>Mgazine</b></p> <p align="center"><b>Magazine</b></p>
<td> <td>
<a href="https://mdbgo.io/ascensus/MDB5-templates/checkout.html" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbgo.io/ascensus/MDB5-templates/checkout.html" alt="Bootstrap 5" rel="dofollow">
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/checkout.jpg"> <img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/checkout.jpg">
@ -383,9 +403,9 @@ ___
<tr> <tr>
<td> <td>
<a href="https://mdbgo.io/ascensus/MDB5-templates/blog.html" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbgo.io/ascensus/MDB5-templates/blog.html" alt="Bootstrap 5" rel="dofollow">
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/blog.jpg"> <img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/blog.jpg">
<p align="center"><b>Blog</b></p>
</a> </a>
<p align="center"><b>Blog</b></p>
<td> <td>
<a href="https://mdbgo.io/ascensus/MDB5-templates/product.html" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbgo.io/ascensus/MDB5-templates/product.html" alt="Bootstrap 5" rel="dofollow">
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/product.jpg"> <img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/product.jpg">
@ -398,9 +418,9 @@ ___
<tr> <tr>
<td> <td>
<a href="https://mdbgo.io/ascensus/MDB5-templates/category.html" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbgo.io/ascensus/MDB5-templates/category.html" alt="Bootstrap 5" rel="dofollow">
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/category.jpg"> <img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/category.jpg">
<p align="center"><b>Category</b></p>
</a> </a>
<p align="center"><b>Category</b></p>
<td> <td>
<a href="https://mdbgo.io/ascensus/MDB5-templates/landing-page.html" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbgo.io/ascensus/MDB5-templates/landing-page.html" alt="Bootstrap 5" rel="dofollow">
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/landing-page.jpg"> <img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/general/templates/assets/landing-page.jpg">
@ -454,3 +474,54 @@ ___
</tr> </tr>
</tbody> </tbody>
</table> </table>
___
# Extended documentation
<ul>
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-address-form/">Bootstrap Address Form</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/avatar/">Bootstrap Avatar</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/back-to-top/">Bootstrap Back To Top Button</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/carousel-with-thumbnails/">Bootstrap Carousel Slider with Thumbnails</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/chat/">Bootstrap Chat</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/code/">Bootstrap Code Blocks</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/comments/">Bootstrap Comments</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-comparison-table/">Bootstrap Comparison Table</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/credit-card/">Bootstrap Credit Card Form</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/drawer/">Bootstrap Drawer</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/dropdown-multilevel/">Bootstrap Nested Dropdown</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/faq/">Bootstrap FAQ component / section</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/gallery/">Bootstrap Gallery</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/hamburger-menu/">Bootstrap Hamburger Menu</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-invoice/">Bootstrap Invoice</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/jumbotron/">Bootstrap Jumbotron</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/login/">Bootstrap Login Form</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/maps/">Bootstrap Maps</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/media-object/">Bootstrap Media Object</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/mega-menu/">Bootstrap Mega Menu</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/multiselect/">Bootstrap Multiselect</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/news-feed/">Bootstrap News Feed</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/offcanvas/">Bootstrap Offcanvas</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/order-details/">Bootstrap Order Details</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/page-transitions/">Bootstrap Page Transitions</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/payment-forms/">Bootstrap Payment Forms</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/product-cards/">Bootstrap Product Cards</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/profiles/">Bootstrap Profiles</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/quotes/">Bootstrap Quotes</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/registration/">Bootstrap Registration Form</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/search-expanding/">Bootstrap Expanding Search Bar</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/shopping-carts/">Bootstrap Shopping Carts</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/side-navbar/">Bootstrap Side Navbar</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/sidebar/">Bootstrap Sidebar</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/social-media/">Bootstrap Social Media Icons & Buttons</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/square-buttons/">Bootstrap Square Buttons</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-survey-form/">Bootstrap Survey Form</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/testimonial-slider/">Bootstrap Testimonial Slider</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/testimonials/">Bootstrap Testimonials</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/textarea/">Bootstrap Textarea</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/timeline/">Bootstrap Timeline</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/to-do-list/">Bootstrap To Do List</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/video-carousel/">Bootstrap Video Carousel / Gallery</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/weather/">Bootstrap Weather</a></li>
</ul>