A nice collection of often useful examples done in Vue.js Vue.js Examples
Ui
Scroll List Admin-template Table Layout Timeline Masonry Responsive Cards Bootstrap Grid Css Mobile Material-design Framework
All UI
Media
Slider Maps Images Movie Music Carousel Echarts Video Player Player
Elements
Wizard Drop Drag Time Icon Circle Rating Dialog Overlay Tooltips Popup Alert Svg
Input
Text Form Select Editor Highlighting Keyboard Validation Checkboxes Picker Input Autocomplete Markdown Upload Password Todo Type Crop Note Quote-machine Search Checklist
Menu
Dropdown Click Router Switch Tab Pagination Navigation
Menu
Components
Emoji Progress Toggle Accordion Notification Qr-code Documentation Avatar Modal Loading Clock Calculator Calendar Pomodoro Lazyloading
More
Games Miscellaneous Animation Color Cookie Open-source Blog Pull App-tag Chat Social Event-handling Fetchapi Background Outside Task Client

Material Design

A collection of 25 posts

16 April 2019

A full 12-Month view calendar made with vue.js

There is no full year (12 months on a page) calendar right now, the Vue-material-year-calendar is designed to solve this problem.

Calendar, Material Design
31 January 2019

Vue-CLI Boilerplate based on Nuxt and vue-material-admin template

Nuxt.js + vue-material-admin boilerplate.

Admin Template, Material Design
25 January 2019

Date Range Picker follows the Material Design spec

Material Design DateRangePicker for Vuejs 2.0.

Calendar, Picker, Material Design
23 January 2019

Material Design style UI for Vue.js

MD style UI for Vue.js.

UI, Material Design
20 October 2018

A Vue Cool Select with autocomplete and material design

Select with autocomplete, slots, bootstrap and material design themes.

Select, Material Design, Autocomplete
15 August 2018

Next Generation Material UI for Vue.js

Next Generation Material UI for Vue.js

UI, Material Design
11 June 2018

Material Design styled components for Vue.js

Material-components-vue integrates the mdc-web (by google) vanilla components following the simple approach.

Material Design
10 June 2018

A vue material design admin template

Vue Material Admin Template is a Vue Based Material Design Admin Template. And use Vuetifyjs as base framework.

Admin Template, Material Design
03 May 2018

Lightweight material design checkbox component for Vue

Material design checkbox component for Vue.

Checkboxes, Material Design
03 May 2018

A Simple and lightweight Material design UI for Vue.js

Build beautiful apps with Material Design and Vue.js

Material Design, UI
28 March 2018

Material Ripple Effect as Vue Directive

Material Ripple Effect as Vue Directive.

Material Design, Ripple
13 March 2018

An Admin Dashboard based on Vuetify material

An Admin dashboard based on Vuetify .

Admin Template, Material Design
04 March 2018

A Example of quasar admin Template

Some examples how powerful Quasar / Vuejs is for SPA projects.

Admin Template, Material Design
28 January 2018

Material Components integration for Vue.js

vue-mdc-adapter is an integration of Material Components for Vue.js which follows the best practices recommended by Google: Using Foundations and Adapters

Material Design
28 January 2018

wrapper around material-components-web for Vue.js

Material-components-vue integrates the mdc-web vanilla components following the simple approach.

Material Design
30 October 2017

A collection of SVG Material Design icons as single file components

This library is a collection of Vue single-file components to render Material Design Icons, sourced from the MaterialDesign project.

Icon, Material Design, Svg
07 September 2017

A fancy Materialize CSS datatable VueJS component

vue-materialize-datatable A fancy Materialize CSS datatable VueJS component. Library is kind of unstable. Bugs, missing features might be present Features Sorting, with numerical sorting Pagination Fuzzy searching Excel export Printing Custom topbar buttons

Table, Datatable, Material Design
24 August 2017

Material web components for Vue.js

Vue Material Components web Material Components Web for Vue.js This is the adaptation of Material Components web for Vue.js. Keeping them fast, easy to use and, SSR ready. Live Demo http:

Material Design, UI
16 April 2017

Build responsive websites and hybrid mobile Apps with VueJs 2

Quasar Framework Build responsive websites and hybrid mobile Apps (that look native!) using same code, with VueJs 2. Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks

UI, Material Design
16 April 2017

Vuetify : Material Component Framework for Vue.js 2

Vuetify Vuetify.js is a semantic component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify.js uses Google's Material

Material Design, UI
05 March 2017

Material Design Theme Example with vue.js

Material Design Theme Example with vue.js Material Design Theme code by Vue Material. codepen See the Pen Theme Example by Vue Material (@vue-material) on CodePen.

Material Design, Button
27 February 2017

Build well-crafted apps with Material Design and Vue 2

Material Design for Vue.js Build well-crafted apps with Material Design and Vue 2 Vue Material is lightweight framework built exactly according to the Material Design specs. It aims to deliver a collection

UI, Material Design
23 September 2016

Building Materialize Components with Vue.js

Vue-material Vue-material intends to build Materialize(0.97.2+) with pure Vue.js(1.0.0+) ,which let users get rid of depending on 3rd Javascript libraries ,such as Materialize.js and Jquery.

UI, Material Design
20 September 2016

material design style mobile with vue.js

vue carbon vue material design style mobile terminal WEB UI library live demo https://myronliu347.github.io/vue-carbon/#!/ GitHub

UI, Material Design
Latest
Form Builder with vue.js
2019-12-08
Table enhancement with the thousands of data rendering
2019-12-06
Visual Studio Code Syntax Highlighting For Vue3 And Vue2
2019-12-05
Simple multi-select component with items displayed in a table like UI
2019-12-04
Vim syntax and indent plugin for vue files
2019-12-03
Tag
UI 132 Miscellaneous 128 Calendar 85 Table 62 Images 56 Picker 56 Charts 55 Editor 51 Slider 51 Scroll 51 Loading 48 Menu 48 App 46 Modal 42 Dialog 42 Input 40 Animation 36 Layout 35 Select 35 Games 34 Form 34 Popup 33 Todo 32 Admin Template 32 Drag 31 Time 30 Notification 30 Bootstrap 29 Framework 28 Progress 26
Vue.js Examples © 2019
Latest Posts