Skip to content

Commit 8578bc7

Browse files
marveluckmarveluck
authored
Update README.md
1 parent 08e780c commit 8578bc7

File tree

1 file changed

+104
-43
lines changed

1 file changed

+104
-43
lines changed

‎README.md‎

Lines changed: 104 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,65 @@
1-
![MDB Logo](https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-vue.png)
1+
Bootstrap 5 & Vue 3 UI KIT - 700+ components, MIT license, simple installation.
22

3-
# MDB 5 Vue
3+
MDB is a collection of free Bootstrap templates, themes, design tools & resources.
44

5-
### Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
5+
---
66

7-
**[>> Get Started in 4 steps](https://mdbootstrap.com/docs/b5/vue/getting-started/installation/)**
7+
# Get started
88

9-
**[>> MDBVue 5 Demo](https://mdbootstrap.com/docs/b5/vue#demo)**
9+
### [>> Get Started in 1 minute](https://mdbootstrap.com/docs/b5/vue/getting-started/installation/)
10+
Simple installation via .zip, npm or cdnjs.
11+
12+
### [>> Install with MDBGO](https://mdbgo.com/)
13+
Free Hosting, WordPress support, custom domains, SSL support, free database, frontend & backend templates, webpack starter included, git repostiory, FTP & jenkins support.
14+
15+
### [>> Install with MDBGO + e-commerce shop integration](https://mdbgo.com/wordpress-shop/)
16+
One click setup! MDB GO allows you to create a WordPress page with a single click.
17+
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.
1018

11-
<a href="https://npmcharts.com/compare/mdb-vue-ui-kit?minimal=true"> <img src="https://img.shields.io/npm/dw/mdb-vue-ui-kit" alt="Downloads"></a>
12-
<a href="https://github.com/mdbootstrap/mdb-vue-ui-kit/License.pdf"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
13-
<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>
14-
<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>
1519

16-
---
20+
## About Material Design for Bootstrap 5 & Vue 3
1721

18-
<a href="https://mdbootstrap.com/bf/sale/" alt="BF Waiting List" rel="dofollow">
19-
<img src="https://mdbcdn.b-cdn.net/img/Marketing/campaigns/bf2021/black-friday-sale.gif">
20-
</a>
21-
22-
---
22+
<p>Created by <a href="https://mdbootstrap.com"><img height="30" src="https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-vue-r.png"></a>
23+
<a href="https://npmcharts.com/compare/mdbvue?minimal=true"> <img src="https://img.shields.io/npm/dm/mdbootstrap.svg?label=NPM%20Downloads" alt="Downloads"></a>
24+
<a href="https://github.com/mdbootstrap/mdb-vue-ui-kit/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
25+
<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/b5/vue/&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>
26+
<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>
27+
28+
Trusted by <b>2 000 000+</b> developers & designers. Used by companies & institutions like
29+
<table>
30+
<tbody>
31+
<tr>
32+
<td><img width="300" src="https://mdbootstrap.com/img/logo/brands/nasa.png"></td>
33+
<td><img src="https://mdbootstrap.com/img/logo/brands/nike.png"></td>
34+
<td><img src="https://mdbootstrap.com/img/logo/brands/amazon.png"></td>
35+
<td><img src="https://mdbootstrap.com/img/logo/brands/sony.png"></td>
36+
<td><img src="https://mdbootstrap.com/img/logo/brands/samsung.png">
37+
<td><img src="https://mdbootstrap.com/img/logo/brands/airbus.png">
38+
<td><img src="https://mdbootstrap.com/img/logo/brands/yahoo.png">
39+
<td><img src="https://mdbootstrap.com/img/logo/brands/deloitte.png">
40+
<td><img src="https://mdbootstrap.com/img/logo/brands/ge.png">
41+
<td><img src="https://mdbootstrap.com/img/logo/brands/kpmg.png">
42+
<td><img src="https://mdbootstrap.com/img/logo/brands/unity.png">
43+
<td><img src="https://mdbootstrap.com/img/logo/brands/ikea.png">
44+
<td><img src="https://mdbootstrap.com/img/logo/brands/aegon.png">
45+
</tr>
46+
</tbody>
47+
</table>
2348

2449
<table>
2550
<tbody>
2651
<tr>
2752
<td>
2853
<a href="https://mdbootstrap.com/docs/b5/vue/" alt="Bootstrap 5" rel="dofollow">
29-
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/about/assets/mdb5-about.jpg">
54+
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/vue/about/assets/mdb5-vue.jpg">
3055
</a>
3156
</td>
3257
<td>
3358
<ul>
34-
<li><b>500+ material UI components</b></li>
59+
<li><b><a href="https://mdbootstrap.com/docs/b5/cvue/">700+ UI components</a></b></li>
3560
<li>Super simple, 1 minute installation</li>
36-
<li>Detailed docs & multiple practical examples</li>
37-
<li>Vue 3</li>
61+
<li>Detailed docs & practical examples</li>
62+
<li>Lots of tutorials</li>
3863
<li>Huge and active community</li>
3964
<li><b>MIT license - free for personal & commercial use</b></li>
4065
</ul>
@@ -43,35 +68,22 @@
4368
</tbody>
4469
</table>
4570

46-
Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
71+
___
4772

48-
<table>
49-
<tbody>
50-
<tr>
51-
<td><img src="https://mdbootstrap.com/img/logo/brands/nike.png" style="width: 10px;"></td>
52-
<td><img src="https://mdbootstrap.com/img/logo/brands/amazon.png" style="width: 10px;"></td>
53-
<td><img src="https://mdbootstrap.com/img/logo/brands/sony.png" style="width: 10px;"></td>
54-
<td><img src="https://mdbootstrap.com/img/logo/brands/samsung.png" style="height: 40px">
55-
<td><img src="https://mdbootstrap.com/img/logo/brands/airbus.png" style="height: 40px">
56-
<td><img src="https://mdbootstrap.com/img/logo/brands/yahoo.png" style="height: 40px">
57-
<td><img src="https://mdbootstrap.com/img/logo/brands/deloitte.png" style="height: 40px"></div>
58-
<td><img src="https://mdbootstrap.com/img/logo/brands/ge.png" style="height: 40px">
59-
<td><img src="https://mdbootstrap.com/img/logo/brands/kpmg.png" style="height: 40px">
60-
<td><img src="https://mdbootstrap.com/img/logo/brands/unity.png" style="height: 40px">
61-
<td><img src="https://mdbootstrap.com/img/logo/brands/ikea.png" style="max-height: 40px">
62-
<td><img src="https://mdbootstrap.com/img/logo/brands/aegon.png" style="height: 40px">
63-
</tr>
64-
</tbody>
65-
</table>
73+
# Bootstrap 5 tutorial
74+
75+
**[>> Learn more about Bootstrap 5](https://mdbootstrap.com/docs/standard/bootstrap-5/)**
6676

67-
---
6877

69-
###### Tutorial for the latest Bootstrap v.5 Alpha. In this video we'll learn about the changes implemented into v.5.
78+
**[>> Bootstrap 5 Tutorial](https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/)**
79+
80+
**[>> Subscribe to our YouTube channel with dozens of Bootstrap tutorials](https://www.youtube.com/c/Mdbootstrap?sub_confirmation=1)**
7081

7182
<table>
7283
<tbody>
7384
<tr>
7485
<td align="center">
86+
<a href="https://mdbootstrap.com/docs/b5/vue/getting-started/" alt="Bootstrap Tutorials" rel="dofollow">
7587
<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/learnmore-1.png">
7688
</a>
7789
</td>
@@ -83,8 +95,8 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
8395
</tr>
8496
<tr>
8597
<td align="center">
86-
<p align="center"><b>Start to Code</b></p>
87-
<a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow">
98+
<p align="center"><b>Start learning from Basics</b></p>
99+
<a href="https://mdbootstrap.com/docs/b5/vue/getting-started/" alt="Bootstrap 5" rel="dofollow">
88100
<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/Screenshot_26.png">
89101
</a>
90102
</td>
@@ -196,4 +208,53 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
196208

197209
</table>
198210

199-
and more.
211+
___
212+
213+
# Extended documentation
214+
215+
<ul>
216+
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-address-form/">Bootstrap Address Form</a></li>
217+
<li><a href="https://mdbootstrap.com/docs/standard/extended/avatar/">Bootstrap Avatar</a></li>
218+
<li><a href="https://mdbootstrap.com/docs/standard/extended/back-to-top/">Bootstrap Back To Top Button</a></li>
219+
<li><a href="https://mdbootstrap.com/docs/standard/extended/carousel-with-thumbnails/">Bootstrap Carousel Slider with Thumbnails</a></li>
220+
<li><a href="https://mdbootstrap.com/docs/standard/extended/chat/">Bootstrap Chat</a></li>
221+
<li><a href="https://mdbootstrap.com/docs/standard/extended/code/">Bootstrap Code Blocks</a></li>
222+
<li><a href="https://mdbootstrap.com/docs/standard/extended/comments/">Bootstrap Comments</a></li>
223+
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-comparison-table/">Bootstrap Comparison Table</a></li>
224+
<li><a href="https://mdbootstrap.com/docs/standard/extended/credit-card/">Bootstrap Credit Card Form</a></li>
225+
<li><a href="https://mdbootstrap.com/docs/standard/extended/drawer/">Bootstrap Drawer</a></li>
226+
<li><a href="https://mdbootstrap.com/docs/standard/extended/dropdown-multilevel/">Bootstrap Nested Dropdown</a></li>
227+
<li><a href="https://mdbootstrap.com/docs/standard/extended/faq/">Bootstrap FAQ component / section</a></li>
228+
<li><a href="https://mdbootstrap.com/docs/standard/extended/gallery/">Bootstrap Gallery</a></li>
229+
<li><a href="https://mdbootstrap.com/docs/standard/extended/hamburger-menu/">Bootstrap Hamburger Menu</a></li>
230+
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-invoice/">Bootstrap Invoice</a></li>
231+
<li><a href="https://mdbootstrap.com/docs/standard/extended/jumbotron/">Bootstrap Jumbotron</a></li>
232+
<li><a href="https://mdbootstrap.com/docs/standard/extended/login/">Bootstrap Login Form</a></li>
233+
<li><a href="https://mdbootstrap.com/docs/standard/extended/maps/">Bootstrap Maps</a></li>
234+
<li><a href="https://mdbootstrap.com/docs/standard/extended/media-object/">Bootstrap Media Object</a></li>
235+
<li><a href="https://mdbootstrap.com/docs/standard/extended/mega-menu/">Bootstrap Mega Menu</a></li>
236+
<li><a href="https://mdbootstrap.com/docs/standard/extended/multiselect/">Bootstrap Multiselect</a></li>
237+
<li><a href="https://mdbootstrap.com/docs/standard/extended/news-feed/">Bootstrap News Feed</a></li>
238+
<li><a href="https://mdbootstrap.com/docs/standard/extended/offcanvas/">Bootstrap Offcanvas</a></li>
239+
<li><a href="https://mdbootstrap.com/docs/standard/extended/order-details/">Bootstrap Order Details</a></li>
240+
<li><a href="https://mdbootstrap.com/docs/standard/extended/page-transitions/">Bootstrap Page Transitions</a></li>
241+
<li><a href="https://mdbootstrap.com/docs/standard/extended/payment-forms/">Bootstrap Payment Forms</a></li>
242+
<li><a href="https://mdbootstrap.com/docs/standard/extended/product-cards/">Bootstrap Product Cards</a></li>
243+
<li><a href="https://mdbootstrap.com/docs/standard/extended/profiles/">Bootstrap Profiles</a></li>
244+
<li><a href="https://mdbootstrap.com/docs/standard/extended/quotes/">Bootstrap Quotes</a></li>
245+
<li><a href="https://mdbootstrap.com/docs/standard/extended/registration/">Bootstrap Registration Form</a></li>
246+
<li><a href="https://mdbootstrap.com/docs/standard/extended/search-expanding/">Bootstrap Expanding Search Bar</a></li>
247+
<li><a href="https://mdbootstrap.com/docs/standard/extended/shopping-carts/">Bootstrap Shopping Carts</a></li>
248+
<li><a href="https://mdbootstrap.com/docs/standard/extended/side-navbar/">Bootstrap Side Navbar</a></li>
249+
<li><a href="https://mdbootstrap.com/docs/standard/extended/sidebar/">Bootstrap Sidebar</a></li>
250+
<li><a href="https://mdbootstrap.com/docs/standard/extended/social-media/">Bootstrap Social Media Icons & Buttons</a></li>
251+
<li><a href="https://mdbootstrap.com/docs/standard/extended/square-buttons/">Bootstrap Square Buttons</a></li>
252+
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-survey-form/">Bootstrap Survey Form</a></li>
253+
<li><a href="https://mdbootstrap.com/docs/standard/extended/testimonial-slider/">Bootstrap Testimonial Slider</a></li>
254+
<li><a href="https://mdbootstrap.com/docs/standard/extended/testimonials/">Bootstrap Testimonials</a></li>
255+
<li><a href="https://mdbootstrap.com/docs/standard/extended/textarea/">Bootstrap Textarea</a></li>
256+
<li><a href="https://mdbootstrap.com/docs/standard/extended/timeline/">Bootstrap Timeline</a></li>
257+
<li><a href="https://mdbootstrap.com/docs/standard/extended/to-do-list/">Bootstrap To Do List</a></li>
258+
<li><a href="https://mdbootstrap.com/docs/standard/extended/video-carousel/">Bootstrap Video Carousel / Gallery</a></li>
259+
<li><a href="https://mdbootstrap.com/docs/standard/extended/weather/">Bootstrap Weather</a></li>
260+
</ul>

0 commit comments

Comments
 (0)