轻量级移动端 Vue 组件库 (A Vue.js UI Toolkit for Mobile Web)
Vue Enterprise Boilerplate This is an ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI. Questio
Vue Storefront - Headless PWA for any eCommerce Vue Storefront is a standalone PWA storefront for your eCommerce, possible to connect with any eCommer
An elegant calendar and datepicker plugin for Vuejs. npm i --save v-calendar Documentation For full documentation, visit vcalendar.io. Attributes High
Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent ...... Live Demo Features Vue + vue-router + vuex + Superagent working togeth
Muse-UI Material Design UI library for Vuejs 2.0 Installation Muse-UI is available as an npm package npm install muse-ui -S yarn add muse-ui Usage imp
D2Admin is a fully open source and free enterprise back-end product front-end integration solution, using the latest front-end technology stack, javas
vue-progressbar Table of Contents Demo Requirements Installation Usage Constructor Options Implementation vue-router meta options Methods Examples Lic
vue-3d-model vue.js 3D model viewer component, based on threejs, inspired by model-tag 一个展示三维模型的Vue组件,支持模型操作和模型点击事件,能自动缩放模型到合适大小并校正偏移,支持多种格式的模型。 Examp
一个低代码平台的前端部分,靠拖拉拽生成页面。
Material Design for Vue.js Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs Build well-designed app
Vuikit A responsive Vue 2 UI library for web site interfaces based on the UIkit 3 framework. If you are enjoying Vuikit and want to support the projec
Vue CLI Vue CLI is the Standard Tooling for Vue.js Development. Documentation Docs are available at https://cli.vuejs.org/ - we are still working on r
A set of vue mixins to turn any list into an animated, touch-friendly, sortable list ✌️
💥 A simple and beautiful vuepress Blog & Doc theme.
Vue Auth A simple light-weight authentication library for Vue.js Sponsor If you like this plugin please consider sponsoring. GitHub Patreon Demo Check
Bit is the platform for collaborating on components Documentation • Tutorials • Quick start guide • Workflows • bit.dev components cloud • Video demo
epic-spinners Easy to use css spinners collection with Vue.js integration. Developed by Epicmax. Subscribe to our newsletter to get Epic Spinners upda
All your articles in one place. Beautiful. Download To download, please visit https://ravenreader.app. Install via Homebrew (macOS) To use Homebrew-Ca
Documentation Website What is Vue Formulate? Vue Formulate is the easiest way to build forms with Vue. Please read the comprehensive documentation for
vue2-animate for Vue.js 2 and 3 Cross-browser CSS3 animation library A Vue.js port of Animate.css. For use with Vue's built-in transitions. | DEMO Cre
eslint-plugin-vue Official ESLint plugin for Vue.js 📖 Documentation See the official website. ⚓ Versioning Policy This plugin is following Semantic V
Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We
☄️ effector The state manager Table of Contents Introduction Effector follows five basic principles: Installation Documentation Packages Articles Comm
Vue route timeline Build a timeline clicking throug your application, using vue-router and vuex. For detailed explanation on how things work, checkout
vue-online A reactive online/offline component for vue.js Installation npm install
This package provides easy form wrappers for Vue2, based upon the Bootstrap v4 CSS Framework.
VueBarcode Add barcodes to your Vue application super easily with VueBarcode! Try it out! Supported barcode formats: CODE128 EAN EAN-13 EAN-8 EAN-5 EA
Vue-rate-it - Extensible Rating Component for Vue.js 2 Vue-rate-it is an extensible, highly customisable rating system for Vue.js 2. It includes four
Vue.js popover Live demo here Install: npm install vue-js-popover
vue-runkit vue wrapper of runkit embed use in browser script src="https://unpkg.com/vue-runkit/dist/vue-runkit.min.js"/script Vue.component('runki
skeleton-card-vuejs A reusable skeleton card component written in Vuejs Motivation Loader spinner are boring. A skeleton card gives to the user a clue
v-semantic Integration of semantic-ui2 with vue.js2 To use a version of Vue 2.6.0, use v-semantic version 1 The purpose of the integration is to allo
semantic-kanban A simple Kanban component built with Semantic-UI + Vue.js. Features Drag and drop tasks cards on the kanban board. Organize tasks by O
vue-glitch 👻 Vue.js component to apply glitch effect in any kind of text Install $ npm i -S vue-glitch # or $ yarn add vue-glitch Global Registrati
vue-functional-data-merge Vue.js util for intelligently merging data passed to functional components. (1K = 0.5K gzipped) Getting Started Why do I ne
Vue-Semantic-Modal Modal component for semantic-ui without jQuery Example Usage modal v-model="showModal" p slot="header"Confirmation needed
A zero configuration progress loading bar component for Vue.js. Just add a reference and it’s done. The component interact with every ajax requisition
vue-bootstrap-table vue-bootstrap-table is a sortable and searchable table, with Bootstrap styling, for Vue.js. VUE 1 : 1.1.8 Vue 2 : jbaysolutions/vu
vue2-bootstrap-table vue-bootstrap-table is a sortable and searchable table, with Bootstrap styling, for Vue.js. Vue 2.6.0 : 1.2.1 (column slots suppo
This project has been forked from emoji-mart which was written for React Emoji Mart (Vue) is a Slack-like customizable emoji picker component for VueJ
This is a quick example of how to use a global event bus to your advantage with vue-geb. Why ? I use a global event bus mainly to split my UI interact
ultrasites-vue-slider This is a dynamic content slider based on the Vue framework. You can render any contents, like texts, images or other ones. The
brunch-with-vuety An opinionated Brunch skeleton for using Vue2, Vuex and VueRouter. Comes packed with axios and Store Instructions Simply download th
VueLinkPopover Customisable, flexible, easy to use popover contents for Vue.js similar to that used by Facebook & Twitter [Deprecated] This module has
vue-webpack-simple-boilerplate A simple Webpack setup for vue-loader for quick prototyping. Usage This is a project template for vue-cli. $ npm instal
Photo upload component, not trying to be "reusable component". It works on its own or you can use it as a starting point. Example Vue.component('photo
Vue Sortable Easily add drag-and-drop sorting to your Vue.js applications without jQuery, using the v-sortable directive, a thin wrapper for the minim
BootstrapVueModal Bootstrap Modal with Vue component It's a vue component of Bootstrap Modal. Include a slots, that you can override them and write yo
Vue Carousel 3d The repository is back in action. I'll try to keep it updated and to merge pull requests occasionally. Also, some new features are com
Vuemit Vuemit is a tiny library to work with events on Vue.js. Its aim is to keeping simple the fact of sharing information between any number of comp
Lorem ipsum text generator for vue.js Demo See DEMO here Installation Run npm install vue-lorem-ipsum --save Usage Add in the component import LoremIp
Vue.js starter template A bare-bones starter-template to get your hands dirty with awesome Vue.js library. Built with: Vue.js 2 Vue Router 2 Vue Resou
Scrol indicator for vue.js apps Demo See DEMO here Install Run npm install vue-content-scroll-progress --save Usage Add in the component import MyScro
vue-instagram Currently this library is unusable because of Instagram's API changes Instagram's feed fetcher component based on Vue. Fetch instagram f
z-vue-components Components for VueJS2.0 如果你使用的vue版本小于2.1.5,请使用1.x.x的z-vue-components。 如果你使用的vue版本大于等于2.1.5,请使用2.x.x的z-vue-components。 Installation $
vue-local-storage The Vue plugin for work with LocalStorage from Vue context, with cookie fallback. Introduction vue-local-storage is wrapper for work
generator-vue-component 📦 Yeoman generator to build your own Vue.js components Support Vue.js 2 = [email protected]=2.0.0 [master] Vue.js 1
vue-i18n-directives 🎏 Helper directives for Vue.js & vue-i18n. Support Vue.js 2 ➡️ [email protected]=2.0.0 [master] Vue.js 1 ➡️ vue-i18n-directiv
v-suggest A Vue2 plugin for input content suggestions, support using keyboard to navigate and quick pick, it make use experience like search engine in
vue-async-properties Vue Component Plugin for asynchronous data and computed properties. A Marketdial Project new Vue({ props: { articleId: Numb
Vue-tabs-with-active-line Simple Vue 2 component, that allows you to make tabs with moving bottom line Demo and example Live demo to play with: Demo-l
Vue IP A IP input component built for Vue 2.x Demo Install $ yarn add vue-ip Usage import VueIp from 'VueIp'; new Vue({ components: { Vue
Forms JSON-based Form builder for Laravel Enso This package can work independently of the Enso ecosystem. The front end implementation that utilizes t
vue-badger-accordion Badger-Accordion Component for Vue 2.0 This package is a wrapper for the badger-accordion made by Stuart Nelson Badger-Accordion-
advanced-select What's this Component to render a "select" with advanced interactions (search, select/deselect all, etc) for websites built with Vue a
vue-search-select A Vue.js search select component with NO dependencies. CSS borrowed from https://github.com/Semantic-Org Version 2.x Support Vue.js
Vue fast axios Solution to remove and simplify axios in components vue Dependencies: Only Vue.js 2.x Before install Before installing, you must instal
vue-image-loader Vue progressive image loading plugin Article here : https://www.kevindesousa.me/vue-image-loader/ Installation $ npm install @kevinde
A flexible, highly available district selector for picking provinces, cities and districts of China. V - Distpicker Here is documents Installation npm
vue-cloudinary A Vue.js plugin that offers a reusable directive to get image from cloudinary Overview This is a port of the angular-cloudinary library
vue-mutation-observer VueJS directive to observe changes in DOM use MutationObserver API Install npm install vue-mutation-observer or yarn add vue-mut
vue-editor-js vue-editor-js is editorjs wrapper component. Please review this first. https://editorjs.io/ For before 2.0.0 version users. This plugins
vue-form-json Generate a vue form with validation from an array All fields are required and input text by default. Once submitted, an event 'formSubmi
vue-rippler 🎉 Simple Vue.js plugin for custom ripple effect Live Demo Installation npm i vue-rippler --save yarn add vue-rippler CDNs jsDelivr, UNPKG
vue-github-profile A vue component to view the profile and repos of determined user Instalation $ npm install --save vue-github-profile Usage GithubP
vue-particle-effect-buttons (demo) Bursting particle effect buttons for Vue. This library is a Vue portal of an awesome Codrops Article by Luis Manuel
Vue Camera Gestures Let users control your Vue app using AI, their camera, and gestures of their choice in just 1 line of HTML! Demo and full document
VueFlex A flexbox grid system. demo Try it out! setup npm npm install @seregpie/vueflex Register the components globally. import Vue from 'vue'; impor
Tinymotion is a Vue.js animation library, that seamlessly works with Tailwind CSS.
VueCrop Crop events plugin for Vue.js 1.0 This is a directive for Jcrop 2.0.0. See a live demo here. Usage Install via npm Available through npm as vu
Peity A Vue version of an excellent peity library for beautiful mini graphs.
Sliding Header Vue.js component representing sliding header (or two different headers) for top navigation bar How to use This Vue component consists o
Simple Vue Tag Editor ======================= Originally inspired a lot by https://github.com/hnakamur/vue.tag-editor.js The code written here is upon
A significant productivity milestone in my programming career was learning to debug correctly.
They do tell you it's important at school. But like programming, you won't get better unless you put in the hours.
Debugging happens at all stages of the dev cycle. Be it when you develop from scratch, maintain or refactor code, you'll need to debug.
We will mainly use Vue.js in this post, but some of the tips are broad enough to apply in any dev context, even to life if you squint hard enough.
Ecommerce web applications offer a whole range of new opportunities to business; it helps businesses reduce the costs and can do with fewer overheads & fewer Risks; e-commerce is more comfortable & more Convenient.
In this tutorial you will learn how to make a "heart clicker" interaction/game!
This tutorial can be a good practice for anyone who want to learn javascript, vue, web-development, it can also fit experience developers who needs a little refreshment.
This article is an extension of the info present in the README.md
file and focuses on the explanation of various code snippets from this application. This article assumes that you've already read through the README.md
.
This kit uses Node JS worker threads to create new quiz rooms so various people can host their quizzes independently.
In this article, we'll see how to use Airtable to store realtime messages using a group chat app as an example. We'll use Ably's realtime infrastructure to power the chat app and make use of WebHooks to publish messages to Airtable directly in the correct order from Ably.
Vue JS is a very progressive framework for building user interfaces created by Evan you and some community lovers with more than 121,000 stars on GitHub. It consists of an approachable core library that focuses on the view layer only, and an ecosystem of supporting libraries that helps you tackle complexity in large Single-Page Applications. In this post, you will be introduced to an exciting concept, filters which will help you build mastery in presenting data in Vue JS.
Admit it, handling form validations is a pain when it comes to JavaScript frameworks. Although, form validation is available natively in the browser, there are still some gotchas when it comes to cross-browser compatibility. There are many validation libraries you might want to choose from, but don't know how to get started.
VueJS ecosystem has form validation libraries like vuelidate and VeeValidate. These libraries are great, but I would like to show you an alternative way of handling validations using a schema-based validation library called yup.
Learn how to render lists of items without repeating your code structure and how to work with conditional rendering items and event handling. Containing all you need to know to get started with Vue.js, this book will take you through using build tools (transpile to ES5), creating custom components, state management, and routers.
With Getting to Know Vue.js, you'll see how to combine reusable code with custom components, allowing you to create snippets of reusable code to suit your specific business needs. You'll also explore how to use Single File Components and the Vue.js Command Line Interface (CLI) to build components in a single file and add in build tools as you see fit.
The goal of this course is to teach you the fundamentals to make Vue.js components that are simpler, more flexible and most of all fun to build and use!This course is the fastest way to get up to speed with advanced Vue.js concepts and is guarantueed to jump start your learning.
Vue.js is one of the top three “go-to” JavaScript frameworks and is used by organizations such as Nintendo, NASA, and Expedia. This book is primarily focused on the ecosystem of Vue.js and its development tools. Understanding the basics of the technology behind the Vue.js ecosystem will improve your skills and make you a better problem solver.
The book begins with a brief overview of Vue.js. You’ll learn to work your way through the Vue command line interface CLI 3, and use the Vue Router library to navigate between the different views of your application. As you advance through the topics, you’ll explore the use of DevTools to improve the quality of your applications and how to implement server-side rendering in your application through the Nuxt.js framework. Toward the end of the book, you’ll read about the future of Vue.js and its growing popularity.
This ebook helps you get the philosophy of Vue 3 (currently 3.0.6), the new tools (like ES2015, TypeScript, Vue CLI...), the essential libraries (vue-router, @vue/test-utils, axios...), and each part of the framework in a pragmatic way. You will be able to kickstart your project by the end of the reading, and build your amazing apps!