mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-22 09:36:55 +03:00
Update README.md
This commit is contained in:
parent
81fecf70ac
commit
a84ee83ac9
161
README.md
161
README.md
|
@ -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://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"><img alt="YouTube Video Views" src="https://img.shields.io/youtube/views/c9B4TPnak1A?label=Bootstrap%205%20Tutorial%20Views&style=social"></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></p>
|
||||
|
||||
Trusted by <b>2 000 000+</b> developers & designers. Used by companies & institutions like
|
||||
<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>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 width="300" src="https://mdbootstrap.com/img/logo/brands/nasa.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/sony.png"></td>
|
||||
|
@ -61,18 +53,44 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
|
|||
</tbody>
|
||||
</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>
|
||||
<tbody>
|
||||
<tr>
|
||||
<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">
|
||||
</a>
|
||||
</td>
|
||||
|
@ -84,8 +102,8 @@ ___
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<p align="center"><b>Start to Code</b></p>
|
||||
<a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow">
|
||||
<p align="center"><b>Start learning from Basics</b></p>
|
||||
<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">
|
||||
</a>
|
||||
</td>
|
||||
|
@ -277,11 +295,13 @@ ___
|
|||
</p>
|
||||
</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>
|
||||
|
||||
|
@ -370,7 +390,7 @@ ___
|
|||
<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">
|
||||
</a>
|
||||
<p align="center"><b>Mgazine</b></p>
|
||||
<p align="center"><b>Magazine</b></p>
|
||||
<td>
|
||||
<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">
|
||||
|
@ -384,8 +404,8 @@ ___
|
|||
<td>
|
||||
<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">
|
||||
<p align="center"><b>Blog</b></p>
|
||||
</a>
|
||||
<p align="center"><b>Blog</b></p>
|
||||
<td>
|
||||
<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">
|
||||
|
@ -399,8 +419,8 @@ ___
|
|||
<td>
|
||||
<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">
|
||||
<p align="center"><b>Category</b></p>
|
||||
</a>
|
||||
<p align="center"><b>Category</b></p>
|
||||
<td>
|
||||
<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">
|
||||
|
@ -454,3 +474,54 @@ ___
|
|||
</tr>
|
||||
</tbody>
|
||||
</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>
|
||||
|
|
Loading…
Reference in New Issue
Block a user