Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mdbootstrap/mdb-vue-ui-kit
Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
https://github.com/mdbootstrap/mdb-vue-ui-kit
bootstrap bootstrap5 material-design uikit vue
Last synced: about 1 month ago
JSON representation
Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
- Host: GitHub
- URL: https://github.com/mdbootstrap/mdb-vue-ui-kit
- Owner: mdbootstrap
- License: other
- Created: 2017-11-23T08:38:21.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-02-16T09:14:03.000Z (3 months ago)
- Last Synced: 2024-04-11T02:57:28.798Z (about 1 month ago)
- Topics: bootstrap, bootstrap5, material-design, uikit, vue
- Language: SCSS
- Homepage: https://mdbootstrap.com/docs/b5/vue/
- Size: 19.1 MB
- Stars: 952
- Watchers: 30
- Forks: 200
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license.txt
Lists
- awesome-vue - MDBootstrap - Powerful UI toolkit based on the latest Bootstrap 4 and Vue 2.6.10, providing a set of slick, responsive page templates, layouts, components and widgets to rapidly build responsive, mobile-first websites and apps. (Components & Libraries / Frameworks)
- stars - mdbootstrap/mdb-vue-ui-kit
README
Bootstrap 5 & Vue 3 UI KIT - 700+ components, MIT license, simple installation.
MDB is a collection of free Bootstrap templates, themes, design tools & resources.
---
# Get started
### [>> Get Started in 1 minute](https://mdbootstrap.com/docs/b5/vue/getting-started/installation/)
Simple installation via .zip, npm or cdnjs.
### [>> 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.## About Material Design for Bootstrap 5 & Vue 3
Trusted by 2 000 000+ developers & designers. Used by companies & institutions like
- 700+ UI components
- Super simple, 1 minute installation
- Detailed docs & practical examples
- Lots of tutorials
- Huge and active community
- MIT license - free for personal & commercial use
___
# Bootstrap 5 tutorial
**[>> Learn more about Bootstrap 5](https://mdbootstrap.com/docs/standard/bootstrap-5/)**
**[>> Bootstrap 5 Tutorial](https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/)**
**[>> Subscribe to our YouTube channel with dozens of Bootstrap tutorials](https://www.youtube.com/c/Mdbootstrap?sub_confirmation=1)**
Start learning from Basics
Learn Bootstrap 5 | Crash Course for Beginners in 1.5H
---
# Demo
#### Simplicity and ease of use are key features of MDB 5 Vue UI Kit. You need only one minute to install and run it.
### Buttons
Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
### Spinners
Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript.
### Cards
A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.
### Footer
A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.
### Hover
MDB hover effect appears when the user positions the computer cursor over an element without activating it. Hover effects make a website more interactive.
### Notes
Notes are small components very helpful in inserting an additional piece of information.
___
# Extended documentation
- Bootstrap Vue Code Blocks
- Bootstrap Vue Gallery
- Bootstrap Vue Hamburger Menu
- Bootstrap Vue Jumbotron
- Bootstrap Vue Maps
- Bootstrap Vue Media Object
- Bootstrap Vue Mega Menu
- Bootstrap Vue Multiselect
- Bootstrap Vue Social Media Icons & Buttons
- Bootstrap Vue Textarea
- Bootstrap Vue Table Search
- Bootstrap Vue Table Scroll
- Bootstrap Vue Table Responsive
- Bootstrap Vue Table Sort
- Bootstrap Vue Panels
- Bootstrap Vue Masonry
- Bootstrap Vue Contact
- Bootstrap Vue Gradients
- Bootstrap Vue Pagination
- Bootstrap Vue Search