vue-mdc-adapter - Material Components for VueJS

  •        54

Vue wrapper arround Material Components for the Web

https://stasson.github.io/vue-mdc-adapter
https://github.com/stasson/vue-mdc-adapter

Dependencies:

@material/tabs : 0.38.0
material-components-web : 0.38.2

Tags
Implementation
License
Platform

   




Related Projects

vue-mdc - Material web components for Vue.js

  •    Javascript

This is the adaptation of Material Components web for Vue.js. Keeping them fast, easy to use and, SSR ready. The prepublish hook will ensure dist files are created before publishing. This way you don't need to commit them in your repository.

Vuetify.js - Material Component Framework for Vue.js 2

  •    Javascript

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue and Material Design and a massive library of beautifully crafted components. Created according to Google's Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

material-components-web-react - Material Components for React (MDC React)

  •    Javascript

MDC React is a wrapper library for MDC Web. We're aiming for MDC React Components to mirror MDC Web Components. Please refer to our MDC Web Catalog to interact with the Components. This repo also serves as an example of how to use MDC Web's Foundation and Adapter classes. The following is a list of the components that are ready to be used, with corresponding links to the material.io design spec and MDC Web code.

Buefy - Lightweight UI components for Vue.js based on Bulma

  •    Vue

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. It supports both Material Design Icons and FontAwesome. Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery

Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design

  •    Javascript

Keen UI is a lightweight Vue.js UI library with a simple API. The design is inspired by Google's Material Design. However, Keen UI is not meant to be a full implementation of the Material Design spec. Keen UI is not a CSS framework. As such, it doesn't include a grid system, typography styles, etc. Instead, the focus is on interactive components that require Javascript.


quasar - Quasar Framework

  •    Javascript

Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue. Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers. If you'd like to join them, check out Quasar Framework's Patreon campaign.

material-components-ios - Modular and customizable Material Design UI components for iOS

  •    Objective-C

Material Components for iOS (MDC-iOS) helps developers execute Material Design. Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional iOS apps. Learn more about how Material Components for iOS supports design and usability best practices across platforms in the Material Design Platform Adaptation guidelines.Material Components for iOS are written in Objective-C and support Swift and Interface Builder.

material-components-android - Modular and customizable Material Design UI components for Android

  •    Java

Material Components for Android (MDC-Android) help developers execute Material Design. Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional Android apps.Material Components for Android are based on Android’s Design support library (DesignLib) which will continue to be released as part of Android’s SDK.

material-components-web - Modular and customizable Material Design UI components for the web

  •    Javascript

Material Components for the web (MDC-Web) helps developers execute Material Design. Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional web projects.MDC-Web strives to seamlessly incorporate into a wider range of usage contexts, from simple static websites to complex, JavaScript-heavy applications to hybrid client/server rendering systems. In short, whether you're already heavily invested in another framework or not, it should be easy to incorporate Material Components into your site in a lightweight, idiomatic fashion.

vue-material-admin - A vue material design admin template

  •    Vue

Vue Material Admin Template is a Vue Based Material Design Admin Template. And use Vuetifyjs as base framework. Vuetify is Awesome. For a detailed explanation on how things work, check out the guide and docs for vue-loader.

vue-material - Material design for Vue.js

  •    Vue

If you are trying to find the documentation for previous versions, please go to old website.

vue-carbon - 基于vue开发的material design ui库

  •    Vue

基于 vue 开发 material design 风格的移动端 WEB UI 库

ant-design-vue - An enterprise-class UI components based on Ant Design and Vue. 🐜

  •    Vue

An enterprise-class UI components based on Ant Design and Vue. We recommend using npm or yarn to install,it not only makes development easier,but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

vue-design-system - An open source tool for building UI Design Systems with Vue.js

  •    Javascript

Vue Design System is an open source tool for building UI Design Systems with Vue.js. It provides you and your team a set of organized tools, patterns & practices that work as the foundation for your application development. The tool is built on top of Vue.js, Vue Styleguidist, Webpack, and Theo and is aimed for designers and front-end developers who have at least basic knowledge of component based workflows + HTML, SCSS & JavaScript.

vuegg - :hatching_chick: vue GUI generator

  •    Javascript

Scaffold vuejs projects by dragging-dropping components directly into the visual editor and moving-resizing them to your choice. Vuegg leverages the creation of the pages and routes of your app/website, eases the styling work and helps to achieve a rapid-prototyping workflow (... at least in theory). The aim of this project is to merge designing and prototyping into one single process. Whenever you're happy with what you see on the screen, just get your code.

vuesax - Framework Components for Vue.js 2

  •    Vue

Vuesax is a framework of components based on vue.js, it is a framework that is designed from scratch to be incrementally adoptable. The framework is focused on facilitating the development of applications, improving the design of the same without removing the necessary functionality. we want all the components to be independent in colors, shapes and design for a freedom that we like all front-end but without losing the speed of creation and production.

muse-ui - Material Design UI library for Vuejs 2.0

  •    Vue

For more information, please refer to Usage in our documentation. Modern browsers and Internet Explorer 10+.

vue-styleguidist - Created from react styleguidist for Vue Components with a living style guide

  •    Javascript

Project was started when not finding a tool that generates documentation of components with hot reloading, read documentation and have a playground. Created from React Styleguidist, implement additional support to read and compile .vue files. Only supports 2.x. Vue Styleguidist is a style guide generator for Vue components. It lists component and shows live, editable usage examples based on Markdown files. You can use it to generate a static HTML page to share and publish or as a workbench for developing new components using hot reloaded dev server.