matsp / Material Components Vue
Licence: mit
Material Design styled components for Vue.js
Stars: ✭ 316
Projects that are alternatives of or similar to Material Components Vue
Vuetify
🐉 Material Component Framework for Vue
Stars: ✭ 33,085 (+10369.94%)
Mutual labels: material-design, material, vue-components
Quasar
Quasar Framework - Build high-performance VueJS user interfaces in record time
Stars: ✭ 20,090 (+6257.59%)
Mutual labels: material-design, material, vue-components
Materiallettericon
Material first letter icon like lollipop contacts icon. Letter(s) on a shape drawn on canvas.
Stars: ✭ 255 (-19.3%)
Mutual labels: material-design, material
Epiboard
Web Extension — A new tab page extension with material design and useful features 🆕 🎉
Stars: ✭ 262 (-17.09%)
Mutual labels: material-design, material
Rubik
Material Design 风格的 Vue.js UI 组件库
Stars: ✭ 277 (-12.34%)
Mutual labels: material-design, vue-components
Responsive scaffold
Responsive Scaffold - On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item. Maintainer: @rodydavis
Stars: ✭ 238 (-24.68%)
Mutual labels: material-design, material
vue-notification-bell
Vue.js notification bell component.
Stars: ✭ 64 (-79.75%)
Mutual labels: vue-components, vuejs-components
Githubfollows
A demo project based on MVVM architecture and material design & animations.
Stars: ✭ 272 (-13.92%)
Mutual labels: material-design, material
Vue Material Kit
Vue Material Kit - Open Source Material Design UI Kit
Stars: ✭ 231 (-26.9%)
Mutual labels: material-design, vue-components
Ng Notadd
In-middle background front-end solution based on angular material 基于Angular Material的中后台前端解决方案
Stars: ✭ 287 (-9.18%)
Mutual labels: material-design, material
Progressstatusbar
Another way to show progress. A progress View over the system StatusBar.
Stars: ✭ 283 (-10.44%)
Mutual labels: material-design, material
Framework7
Full featured HTML framework for building iOS & Android apps
Stars: ✭ 16,560 (+5140.51%)
Mutual labels: material-design, material
Material Showcase Ios
✨ An elegant way to guide your beloved users in iOS apps - Material Showcase.
Stars: ✭ 300 (-5.06%)
Mutual labels: material-design, material
Alyle Ui
Minimal Design, a set of components for Angular 9+
Stars: ✭ 234 (-25.95%)
Mutual labels: material-design, material
Vue Spinners
💫 A collection of loading spinner components for Vuejs
Stars: ✭ 255 (-19.3%)
Mutual labels: vue-components, vuejs-components
Motion Shapeofview
Explain how to use MotionLayout with ShapeOfView
Stars: ✭ 236 (-25.32%)
Mutual labels: material-design, material
Sequent
A simple continuous animation library for Android UI.
Stars: ✭ 263 (-16.77%)
Mutual labels: material-design, material
Materia Theme
A Material Design theme for GNOME/GTK based desktop environments
Stars: ✭ 3,177 (+905.38%)
Mutual labels: material-design, material
Material Backdrop
A simple solution for implementing Backdrop pattern for Android
Stars: ✭ 221 (-30.06%)
Mutual labels: material-design, material
Hexo Theme Fluid
🌊 一款 Material Design 风格的 Hexo 主题 / An elegant Material-Design theme for Hexo
Stars: ✭ 3,700 (+1070.89%)
Mutual labels: material-design, material
Material Components Vue
Material Design styled components for Vue.js
Material-components-vue integrates the mdc-web (by google) vanilla components following the simple approach.
https://matsp.github.io/material-components-vue
Development
This project is under active developement but I need any help you can provide. Due to a huge workload in my daily job I'am struggling with upgrading to the newest versions of the upstream project: mdc-web.
Links
Support
If you want to help feel free to submit issues or pull requests. Every information that help to stabilize and improve the library is welcome!
When you want to support me you can buy me a ☕️ here 👍
Features
- decoupled components
- implementing just the specs not more or less
- keep the components as simple as possible
- keep in sync with changes in the mdc-web repository
- user friendly component api
- SSR (Server Side Rendering) support
Documentation
You will find a API documentation for each component in their corresponding component directory:
components/[component]/README.md
Distributions
| Name | ECMA | Minimized |
|---|---|---|
| dist/[component]/index.js | 5 | no |
| dist/[component]/[component].min.js | 5 | yes |
All versions are provided as UMD modules.
| Name | Description |
|---|---|
| dist/[component]/[component].min.css | Minified component CSS |
| dist/[component]/styles.scss | Raw SASS styles of mdc-web |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].