Vue.js Examples (Page 106)

Hotspot

Image hotspot experiment using Vue and flickity carousel

Image Hotspot concept with Vue Image hotspot experiment using Vue and flickity carousel,Not really optimized for mobile. codepen See the Pen Image Hotspot concept with Vue by Irko Palenius (@ispal) on CodePen.

04 July 2017

Css

BG MixMaster CSS Background Grid

BG MixMaster 90 — CSS Background Grid /Pattern Generator make a background grid (like graph paper) using only one background gradient property and ended up with this killer mix tape for making all kinds

25 June 2017

UI

Beautiful UI components build with vue and ant design

vue-beauty Vue-beauty is a set of PC-based UI component libraries based on vue.js and ant-design styles designed to help developers improve product experience and development efficiency and reduce maintenance costs. live demo

21 June 2017

Charts

Easy and beautiful charts with Chart.js and Vue.js

vue-chartjs vue-chartjs is a wrapper for Chart.js in vue. You can easily create reuseable chart components. Easy and beautiful charts with Chart.js and Vue.js Easy for both beginners and pros

21 June 2017

Todo

A minimal Material Todo List with Vue

Material Todo List with Vue A minimal todo list app that lives in your local browser storage. Built with Materialize CSS and Vue.js. Give it a try and a star on Github

14 June 2017

Validation

Vuelidate : Simple, lightweight model-based validation

Vuelidate Simple, lightweight model-based validation for Vue.js 2.0 Features & characteristics: Model based Decoupled from templates Dependency free, minimalistic library Support for collection validations Support for nested models Contextified valdiators Easy

14 June 2017

UI

Buefy : Lightweight UI components for Vue.js

Buefy Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. Documentation and Demo https://buefy.github.io/#/ GitHub

08 June 2017

Calendar

A simple cute vue.js component

Today is cute This is a simple-cute vue component. (via vue.js + webpack) GitHub

07 June 2017

Progress

A collection of circle progress with Vue.js

v-circle A collection of circle progress with Vue.js. Vue 1.0+ use v-circle 0.1+ Vue 2.0+ use v-circle 0.2+ Live Demo http://www.xiaoa.name/v-circle/ GitHub

07 June 2017

Note

Real-time notes app built with Vue.js

Notational, notes at the speed of thought. Notational encourages you to keep your hands on the keyboard so you can create, update, and find notes really quickly. The UX is based on the

07 June 2017

Markdown

Vue-SimpleMDE : Markdown Editor component for Vue.js

Vue-SimpleMDE Markdown Editor component for Vue.js. Support both vue1.0 & vue2.0. GitHub

07 June 2017

An easy example using Vue to implement easy web

Learn Vue Easily An easy example using Vue2 to implement easy web GitHub

07 June 2017

Maps

Vue 2 components for Leaflet maps

Vue2Leaflet Vue2 component that helps with leaflet interaction How to display a map with a marker Register Map and TileLayer components from Vue2Leaflet Vue.component('v-map', Vue2Leaflet.Map); Vue.component('v-tilelayer', Vue2Leaflet.TileLayer)

07 June 2017

movie

TMDb Vue.js app : The Movie Database App

TMDb Vue.js app TMDb Movie Search is a responsive Vue.js app. The Movie Database App, loading data via The Movie Database (TMDb) API. GitHub

07 June 2017

Client

Forrest : An npm scripts desktop client

Forrest Forrest is an npm desktop client to deal with daily work flows. It lets you control common npm commands and all custom scripts defined in the package.json. It's still in early

07 June 2017

Upload

A simple file upload component for vue

A simple file upload component for vue A file upload component for vuejs. Live demo https://dai-siki.github.io/vue-upload-file/example/demo.html GitHub

07 June 2017

Upload

Vue.js file upload Support for multiple file uploads

vue-upload-component Vue.js file upload component, Support for multiple file uploads, progress, html4, ie9 Html4 does not support the progress bar, file size, accept, timeout, headers, response status code error of judgment live

07 June 2017

Upload

A Vue component for file uploads

A Vue component for file uploads A Vue.js component for Dropzone.js - a drag’n’drop file uploads utility with image previews. Live demo https://rowanwins.github.io/vue-dropzone/dist/index.

07 June 2017

App

A mobile web app built by Vue.js

NGA APP by Vue.js a mobile web app built by Vue.js Live Demo https://vue-nga.arukascloud.io/home GitHub

07 June 2017

Carousel

3D Carousel for Vue.js flexible and touch supported

carousel 3d with vue.js Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js Full documentation and examples https://wlada.github.io/vue-carousel-3d/ codepen demo See the Pen

07 June 2017

Input

VueJS input component

VueJS input component Mobile & Desktop friendly VueJS input component Features used CSS variables Vue's transition-group Flexbox PS. This pen is not about how to make the most optimised version. It's for inspirational

07 June 2017

Charts

Create interactive charts easily with vue + highcharts

vue highcharts Create interactive charts easily for your web projects. codepen demo See the Pen vue-highcharts demo - Access `chart` instance via refs by Zhenye Wei (@weizhenye) on CodePen.

07 June 2017

Images

Instagram filter Built with Vue.js

Instagram filter Rapid prototype Rapid prototype of the Instagram filter selection UX. Built with: Vue, Tachyons, CSSgram, Flickity. codepen demo See the Pen Instagram Filter Rapid Prototype (Vue + CSSGram) by Matt Rothenberg (@mattrothenberg)

02 June 2017

Clock

vue-timeago : A timeago component Vue.js

vue-timeago vue-timeago is a simple vue component used to format date with *** time ago statement. A timeago component Vue.js Basic demo https://egoistian.com/vue-timeago/ i18n support For all supported languages, see

18 May 2017

Editor

mavonEditor : A nice vue.js markdown editor

mavonEditor A nice vue.js markdown editor.Support WYSIWYG editing mode, reading mode and so on. Install mavon-editor $ npm install mavon-editor --save package.json "mavon-editor": "^1.3.5" Use

21 April 2017

UI

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

16 April 2017

Material Design

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

16 April 2017

Slider

Vue.js component to set a degree of rotation in a CSS Variable

Slider Vue.js A Vue.js component to set a degree of rotation in a CSS Variable. codepen See the Pen Sliderº — Vue.js by Jase (@jasesmith) on CodePen.

14 April 2017

Markdown

Markdown previewer bases on Vue

Vue Markdown Previewer Markdown previewer bases on Vue, Sass, and marked. For the Free Code Camp data visualization certification. I took the placeholder text from Free code camp. codepen See the Pen Vue

14 April 2017

UI

Muse UI : Material Design UI library for Vuejs 2.0

Material Design UI library for Vuejs 2.0 A Vue 2.0 and Material Design based UI Component library Muse UI basically implements every component outlined in the Material Design guideline，and also

11 April 2017

UI

iview : A high quality UI Toolkit based on Vue.js

iview iView is a set of UI components and widgets built on Vue.js. This branch is for Vue.js 2.x Live demo https://www.iviewui.com/overview Features High quality and

11 April 2017

Vue2 page transitions with GSAP

Vue2 page transitions Some default Vue2 page transitions, Feel free to use them in your own projects. Suggestions are welcome! :) codepen See the Pen Vue2 page transitions with GSAP by Tim Rijkse (@timrijkse)

28 March 2017

Alert

Component Alert with prop.sync example

Component Alert with prop.sync example Simple Vuejs component example. It allows you to set the state of the component from the outside or from within and it will be reflected on both

28 March 2017

Calendar

Timepicker component for Vue 2

vuejs timepickr This is a timepicker component for Vue 2. This was experiment with Vue 2. This repository is not maintained, but you are free to fork it. Component is touch & keyboard

28 March 2017

Calendar

Date-picker component for Vue.js

vue-calendar date-picker component for Vue.js Usage <template> <calendar :show-date-picker.sync="showDatePicker" :time.sync="time" :date-value.sync="dateValue" v-if="showDatePicker" transition="

16 March 2017

Calendar

Simple calendar widget built on Vue.js

Calendar widget Simple calendar widget built on Vue.js live demo http://otouto.github.io/vue-calendar/ Calendar supports keyboard: arrows - change date; enter - choose date; space - toggle view; esc -

16 March 2017

Calendar

vue 2 calendar, datepicker component which supported lunar or date event

vue2-calendar vue 2 calendar, datepicker component which supported lunar or date event Build Setup # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification

16 March 2017

Editor

Tinymce editor UI component for Vue

tinymce Vue A tinymce editor UI component for Vue. Codepen See the Pen tinymce Vue by codetea.com (@frankhe) on CodePen.

13 March 2017

Mobile

An UI Framework build with Vue.js for mobile webapp

vue-mobile An UI Framework build with Vue.js for mobile webapp live demos: http://demo.getvum.com/#!/ GitHub

13 March 2017

Cards

Flash card with a cool grid progress chart

Flash card with a cool grid progress chart A reactive vocabulary flash card with a cool grid progress chart / heat map written in Vue.js codepen See the Pen Vue JS flash card

08 March 2017

Switch

Switchable Grid with vue.js

Switchable Grid By pressing one of the buttons in the top bar you can switch between a grid layout containing large images, and a list layout with smaller images and text. codepen See

08 March 2017

Checklist

Checklist App Built with Vue js

Checklist App BY Lewis Yearsley Built with Vue js. codepen See the Pen Checklist App Vue js by Lewis Yearsley (@LewisYearsley) on CodePen.

08 March 2017

Clock

build a Pomodoro Clock with vue.js

build a Pomodoro Clock with vue.js A freeCodeCamp Project to build a Pomodoro Clock. I try to simpifly the UX an make easy for user. I'm using jade, sass, and Vue JS

08 March 2017