awesome/vue
1
0
Fork 0
mirror of https://github.com/vuejs/awesome-vue.git synced 2025-06-02 18:12:00 -04:00
Code Activity
🎉 A curated list of awesome things related to Vue.js
5179 commits 8 branches 0 tags 54 MiB
Find a file
Coops0 fa96e3a9cd prune misc
2024-12-04 11:55:51 +01:00
.github update 2024-05-18 09:49:29 +02:00
assets perf: struct files and add funding 2020-03-11 10:37:14 +03:00
LICENSE Create LICENSE 2019-12-16 13:05:35 +01:00
README.md prune misc 2024-12-04 11:55:51 +01:00

README.md


logo of vue-awesome repository

Awesome Vue.js Awesome Track Awesome List

A curated list of awesome things related to Vue.js

Resources

Official Resources

External Resources

Job Portal

Community

Conferences

Podcasts

Official Examples

Tutorials

Examples

Books

Blog Posts

Courses

  • Learn Vue by Building and Deploying a CRUD App - This course is focused on teaching the fundamentals of Vue by building and testing a web application using Test-Driven Development (TDD).
  • Advanced Vue.js Features from the Ground Up - Learn how to build more accessible routing, state management, form validation and internationalization libraries from the ground up!
  • Become a Ninja with Vue 3 - This course teaches how to build a complete application with Vue 3, step by step, using Vue CLI, TypeScript and the Composition API. Each exercise comes with instructions and tests to check 100% of your code.

Documentaries

Companies Using Vue.js

Projects Using Vue.js

Open Source

  • npmcharts.com - Compare npm packages and spot download trends.
  • Koel - A personal music streaming server that works.
  • astralapp - Organize Your GitHub Stars With Ease.
  • PJ Blog - Open source blog built with Laravel and Vue.js.
  • OpenAPI 3 viewer - Browse and test a REST API described with the OpenAPI 3.0 Specification
  • nativescript-vue - A Vue.js implementation of the NativeScript renderer.
  • Paper-Dashboard -Creative Tim Paper Dashboard made for Vue
  • CoreUI Vue Admin Template - Open Source Admin Template powered by Vue.js
  • vuejs-extension-pack vscode - An extension packf or vscode with popular VS Code extensions for Vue.js development.
  • Wiki.js - A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown
  • peregrine-cms - A Vue.js and Apache Sling based head-optional CMS
  • Light Bootstrap Dashboard - Creative Tim Light Bootstrap Dashboard made for Vue
  • vue-storefront - Vue.js Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento2 supported.
  • Laravel Enso - SPA Admin Panel built with Bulma, VueJS and Laravel, packing lots of features out of the box.
  • Hubble - 🔭 Travel through GitHub Stars' history.
  • Vuepress - Minimalistic Vue-powered static site generator
  • Socialhome - A federated rich profile builder with social networking features
  • chrome-ribbon-reminder - A Chrome extension written using Vue and Async/Await. Uses a popup display and changes badge counts.
  • Faviator - A simple easy favicon generator.
  • Minimal Notes - Web app build with Vue.js
  • Stack Edit - In-browser Markdown editor
  • Bael Blog Template - A static generated blog template that uses Netlify CMS for the backend and Netlify for hosting. Features a brutalist aesthetic, fuzzy search, serverless email signup, and more.
  • Buefy Shop - Sample shop, open source, built with Nuxt, Stripe, Firebase, Bulma and Serverless Functions.
  • Vuemmerce - Free ecommerce template built with Vue.js and Bulma framework 🆕
  • Carpoolear - The open source Vue.js frontend (mobile and cordova app) for the argentinian carpooling application: Carpoolear
  • Vue E-Store Templet - An e-commerce template build with vue/vuex/vue-router and bootstrap4.
  • Twill - An open source CMS toolkit for Laravel that helps developers rapidly create a custom admin console that is intuitive, powerful and flexible.
  • Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required.
  • Thermal - One stop to all Git repository.
  • QMK Configurator - QMK Firmware Keyboard Configuration UI in Vue.js.
  • Daily - Curated dev news delivered to your new tab 👩🏽‍💻
  • Laravel File Manager - Powerful file manager for Laravel
  • Vue Crypto Dashboard - Cryptocurrency Dashboard made with Vue.js
  • Vue Expenses - Expense tracking app made with Vue.js, Vuetify and ASP.NET Core
  • Akaunting - A free and online accounting software for small businesses and freelancers based on Laravel and VueJS.
  • MQTTX - Cross-platform MQTT 5.0 desktop client built with Vue.js, Typescript and Electron.
  • Pychat - Self-hosted webrtc video chat (an alternative to Slack)
  • CodeceptJS UI - Cypress-liked UI for ✔️ CodeceptJS end 2 end tests ✔️.
  • Vue Pivottable - Vue port of the jQuery-based PivotTable.js
  • Vue Datamaps - Vue port of the javascript-based DataMaps
  • LeagueStats - Statistics website for players of the online game League of Legends.
  • Savycart - PWA to track personal purchases, No more paper and pencil to go to the supermarket 🏬 Vue and Vuetify
  • Afterman - 🌕 Create beautiful docs in markdown and HTML from postman collection. Using Quasar Framework
  • LogChimp - Open-source software to track your customer's feedback to build better products.
  • Yacht - A Docker container management webui using Vuetify for a hassle free way of managing docker containers and projects.
  • Antares SQL - Cross platform SQL client made to be simple and complete.
  • Bagisto - A Free and Opensource Laravel eCommerce framework built for all to build and scale your business.
  • GrandNode 2.0 - Open Source Cross Platform E-Commerce Solution based on .NET Core 5.0 and MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS
  • Aimeos - Leading Laravel eCommerce framework to build ultra fast online shops, marketplaces and complex B2B applications scalable from 1 to 1,000,000,000+ items
  • XIV ToDo - Dashboards, completion trackers, tailored weekly and daily checklists and tools for Final Fantasy XIV.
  • Interface X - UI Search&Discovery components to rapidly build beautiful search experiences
  • Balancer - A Decentralized Finance app that runs on Ethereum.
  • Materio Free Vuetify VueJS Laravel Admin Template - Open-source & easy to use Vuetify Vuejs Laravel Admin Template with Elegant Design & Unique Layout.
  • Dashy - A self-hosted startpage, with an easy to use visual editor, status checking, themes, widgets and tons more
  • FAIRshare - Sharing biomedical research data and software according to applicable FAIR guidelines
  • Snippets.Ninja - Progressive web application for code snippet management. Offline first. Open Source. App uses IndexedDB for local storage.
  • ZuiOJ - ZuiOJ system developed using Vue2's UI and Java.
  • vue-paho-mqtt - Easy-to-use Paho MQTT client library for Vue 3 with centralized subscription management, type support, and built-in optional alert notification library.
  • VueFinder File Library - Web File Manager Library.
  • Overlay - A browser extension helping developers evaluate open source packages before picking them.
  • activist.org/ - Open-source, nonprofit activism platform.
  • Sneat Free Vuetify VueJS Admin Template - The Ultimate Free VueJS Admin Template for building responsive web apps
  • slidev - Presentation Slides for Developers
  • YesPlayMusic - High-looking third-party NetEase cloud player, support Windows / macOS / Linux :electron:
  • douyin - Imitate TikTok ，Vue Best practices on Mobile

Commercial Products

  • Wijmo - A collection of UI controls with VueJS support.
  • ChatWoot - Livechat and agent collaboration over Facebook messenger.
  • VueA - VueJS Admin template with multiple layouts and laravel version.
  • EducationLink - CRM and sales automation for education agents and colleges.
  • Pragmatic v2.0 - Responsive and configurable admin template built with Vue.js and Element.
  • Moonitor - Cryptocurrency tracker for Desktop.
  • Deskree - Online collaboration platform that combines Ideas, Tasks, and Issues in one place.
  • Agiloo - Project Management app for Scrum and Kanban
  • ScaffoldHub - Online Web App Generator for VueJS with NodeJS, and MongoDB or SQL.
  • Commandeer - Cloud Management Reimagined. A Desktop cloud management app built with Vue.js and Electron.
  • Leave Dates - A powerful new way to track your staff leave.
  • vREST NG - An enterprise application for Automated API Testing, built with VueJS and Element UI.
  • Coloban - All-in-one project management tool with chats, Kanban, Gantt, calls, screenshare and many more.
  • NxShell - An easy to use new terminal for SSH, which based on Electron and VueJS.
  • Materio Vuetify VueJS Admin Template - Most Powerful, Developer Friendly, Production ready & Comprehensive Vuetify VueJS Admin Template.
  • NocoDB - An opensource Airtable alternative.
  • KodaDot - NFT Marketplace on Polkadot funded as public good, written in Vue.js
  • He3 - Free and Modern Developer Utilities Toolbox.
  • RunJS - JavaScript playground that evaluates your code as you type and gives instant feedback. Ideal for prototyping ideas or trying out new libraries.
  • Sneat Vuetify VueJS Admin Template - The Ultimate VueJS Admin Template for responsive web apps.

Apps/Websites

  • Laravel Spark
  • Vice Video
  • Formlets
  • Laracasts
  • esa.io
  • 稀土掘金
  • Prague Airport
  • Portfolio Site
  • Statamic
  • Embalses! - A tool to report water dam level using the U.S. Geological Survey database.
  • TravelMap - A simple way for travelers to create a blog based on a Map.
  • Proper Cloth Shirt Builder - Custom shirt builder.
  • Powerpuff Yourself by Cartoon Networks
  • vNotes - Simple and beautiful notepad to Markdown with Vue.js and Local Storage API.
  • Open Function Computers
  • Dermail - A webmail client written in Vue.js for Dermail, a mail system written in node.js.
  • octimine - A patent search engine.
  • Draxed - A web based MySQL and PostgreSQL data browser and dashboard manager.
  • Jobinja - A Job Board and career platform operating in Iran.
  • 滚蛋吧！莆田系 - Show all Putian hospital information
  • Livestorm - Webinar / Live events app.
  • Holden
  • Global-Exam - Online Training for Language Proficiency Tests
  • 12BAY.VN - Applications online flight bookings.
  • PLAYCODE.IO - Playground for Rapid Frontend Experiments.
  • The Void Radio - Underground House Music Online Radio.
  • Bitly Vue - Shorten URLs with VueJS & Bitly API.
  • Storyblok - API Based/Decoupled CMS using VueJS for its frontend.
  • WizzAir
  • Moving to HTTPS - Guide to moving different platform/hosting sites to HTTPS
  • Euronews - Euronews is a multilingual news media service, headquartered in Lyon, France.
  • Vue.js Feed - The latest Vue.js news, tutorials, plugins, and more. Made with Vue.js and Laravel.
  • Guess Right - A 'guess the word' game - Written with Vue/vuex/vue-router (front-end) and Laravel/MySQL (back-end). Code is Open Source on GitHub (although not the live files that run the game at kdcinfo).
  • GRAP - Business communication service
  • JSON Schema Editor - An intuitive editor for JSON schema built with Vue.js and Firebase.
  • Winsome Trivia - A single or multiplayer trivia game featuring over 2,000 unique questions built with Vue.js and powered by the Open Trivia Database.
  • Moon Organizer - Lunar calendar app
  • Kinderbesteck - A full Online Shop SPA with Vue2.0, Vuex, Vue Router
  • Power Thesaurus - A crowdsourced online thesaurus
  • PAIXIN - A genuine picture sale website
  • 1XBET - A betting company operating since 2007
  • CrowdCircus - Europe’s biggest crowdfunding- and crowdinvesting-aggregator
  • PingBreak - A free and simple website monitoring service using vuejs for real-time dashboard
  • Todoist Tribute - Todoist clone, written in Rails + Vue
  • JSON Editor - A schema-aware JSON editor built with Vue2 and firebase.
  • Develteam - A social network for indie game developers.
  • Mixsii - A free video chat room site for teens, adults, family, and friends.
  • PipQuest - A retro-style puzzle game built in Vue
  • Matryx - A decentralized collaboration platform.
  • iPrevYou - YouTube™ Player - A chrome app for watching youtube videos on your desktop.
  • Item Manager - An application to transfer items for Destiny 2 game.
  • Frontend Masters Intro to Vue - Frontend Masters full day course
  • TR-101 - A drum synth / sequencer.
  • Bazaar - Media sharing platform.
  • Vectr - A free vector graphics software
  • Habitica - online task management application in the form of a role-playing game.
  • MadeWithVueJs - A Gallery of Projects made with Vue.js (also the Site itself uses Vue.js)
  • Thousand Ether Homepage - The Million Dollar Homepage reimagined as an Ethereum DApp. Build on Vue.js and open source.
  • Let's Enchance - free online image upscale and enhancement with neural networks.
  • Pi.TEAM - Online Invoicing and Accounting - Simple to use online accounting and invoicing, free for single users and freelancers.
  • Tipe - Next Generation API-first CMS. Create your content with powerful editing tools and access it from anywhere with a GraphQL or REST API. Stop letting your CMS decide how you build your apps.
  • Fintechers - Fintech focused job board.
  • Devjournal - Collaborative todo list for projects and ideas.
  • Bubbleflat - Online platform that helps students and young Professionals find their perfect roommates by searching for people with similar lifestyles, interests, or schools. Laravel & Vuejs
  • sunpos - Sun position, elevation, azimuth, ecliptic/equatorial coordinates and sunrise/sunset time (Julian day) calculation and conversion utilities. Web site is programmed using pure JS, Vuejs and i18n Vuejs localization plugin. Visualization is created using D3.js.
  • U3xyz - A personal blog base on vue ssr.
  • 27.ua - Ukraine-based internet hypermarket
  • Chess Guardian - Answer chess positional questions from your own games.
  • Blackjack Break - A quick game of blackjack
  • GameVix - Swap your used video game discs with others, hassle free. PWA with Material Design.
  • VivifyScrum - Agile project management app for teams that deliver. Customizable Scrum and Kanban boards.
  • 9GAG - Popular online platform and social media website
  • Kitchen Stories - Cooking platform
  • MailRabbit - Create, A/B test, and monitor transactional emails without a developer.
  • Cronhub - Painless Cron Monitoring Tool
  • wrkprty - Pop-up coworking events for freelancers, remote workers, and professionals looking to get out of the office.
  • Broker Notes - 'Study to become a Real Estate Agent' 🏠
  • SyncLounge - SyncLounge is a tool to sync Plex content across multiple players in multiple locations.
  • HCE.it - The website of an Italian agency, entirely made with Vue using a Laravel-based headless CMS.
  • Pages - Web design inspiration
  • Spektrum - The website of Spektrum Media Agency
  • SPK The website of SPK Ecosystem
  • IDDEF ☪️ The Federation of the Associations that Value Humanity's webpage, CMS, CRM and Donation and all e-commerce pages are designed with Vue.js, Vuex and pure JavaScript 🙏
  • Roast an app built to help coffee enthusiasts find their next cup of coffee while learning about Laravel + Vue.js.
  • Myanpwel - The website of event ticketing platform.
  • CryptoArte - An Ethereum art collection, non-fungible token, and Dapp.
  • Scroll.in - Scroll.in is an independent news, information, and entertainment venture.
  • Brandy - brand assets manager for your menu bar.
  • NBC Sports - NBC Sports is a sports news website.
  • WITHIN - Extraordinary stories in Virtual Reality.
  • beCamp - A community-organized tech conference in Charlottesville, VA. Website code is open-source.
  • Trustpilot - a free and open to all review platform.
  • Lagom - Simple, intuitive and fully responsive WHMCS theme
  • ScoutMyTrip - Roadtrip Planner - Road trip planning app for India which helps travelers to build their itinerary, discover points of interest, find hotels, gas stations, food joints etc along the route.
  • GamersClub - Biggest company of eSport community development in Brazil
  • MIT - Official Website of Massachusetts Institute of Technology.
  • Elvenar - Elvenar is a browser based fantasy city builder game.
  • Beacon - 💙 A service that allows you to share your content across multiple websites.
  • Artfinder - Artfinder is a website for buying & selling art paintings.
  • GitHubExplorer - Pure static page webapp for exploring GitHub. Using Vuejs and GitHub GraphQL API v4.
  • HappyPlants - A progressive web app for organizing your plants 🌱.
  • Pocket Lists - World's friendliest to-do list app.
  • Padlet - Collaborative bulletin boards
  • Glovo - On-demand delivery
  • MySigMail - MySigMail is a free, in browser, email signature generator without creating account
  • Wordguru - A simple verbal game where you split into teams and try to guess as many keywords as you can.
  • ApiFlash - A Chrome based screenshot API built on top of AWS Lambda for Developers
  • Git Superstar - Count your git stars and top repositories.
  • Asciiur - Internet's ascii art collection
  • Tapestri Designer - Free tool to design PCR primers for genome sequencing experiments (NGS)
  • Monocle Reader - Follow feeds, Twitter, YouTube, Blogs and everything else, all in one place.
  • Geenes - Generate and apply color palettes to your UI, then export it to sketch or code.
  • ExifShot - What and how on photography, beautifully.
  • Studolog - Online file sharing platform for students, including tester and reviews. Currently in Czech 🇨🇿 only.
  • Gamebrary - Open source tool to organize video game collections.
  • Premium Poker Tools - What poker players use to study.
  • QMK Configurator - Configure, Build, and Download Custom QMK Firmware from your browser.
  • Worksome - Marketplace/platform for qualified it professionals and freelancers and companies looking to hire them.
  • Translator-vuejs - Translation App built with Vuejs, Yandex API & ResponsiveVoice.js API.
  • Big Timer - Fullscreen countdown timer for workshops, meetings and presentations. Big Timer helps workshop facilitators, meeting chairs, design sprinters, presenters and aspiring game show hosts stick to their program.
  • Kvalitetskontroll - Norwegian management system tailored for the construction industry.
  • Poolside FM - A retro-style music player
  • Inoreader.com - One of the biggest RSS readers and news aggregators out there.
  • AwesomeTechStack - Website Tech Stack Analyzer
  • massCode - An open source code snippets manager for developers. Build with Electron, Vue and Monaco editor.
  • ClipLeap - Platform for posting and sharing moments in long videos.
  • RSVP Keeper - Online reservations made easy. Get your event up and running in no time. Made with Vue and Go.
  • PNGK - Official website for a consultancy company working to find solutions for humanitarian, human rights and other like minded organizations.
  • BMWUSA Vehicle Configurator - Vehicle Configurator for BMWUSA
  • Fanmio - Meet your favorite celebrities through personal video experiences on Fanmio
  • AtomicWallet - Multi-asset cryptocurrency wallet. Desktop and mobile apps both were built with Vue.
  • Helpninja - Simple & fast help desk
  • Todo DEV - A simple Todo App made for developers with Vuejs, Vuetify and the powerful Firebase.
  • 36 Pixels - French agency website made with vue.js
  • temp-mail.io - Disposable temporary email service.
  • Narrandum - Customer journey mapping tool built using Vue.js, Vuetify, and Feathersjs
  • Keep Formula - Keep Formula is a simple app to make your calculations easier.
  • goonlinetools.com - 100% Free Online Tools site.
  • Portfolio Site - Olaolu Olawuyi, A Frontend developer and UX Engineer's portfolio site.
  • d-patterns.js.org - FOSS Discord templates listing website 💬
  • linksift.com - LinkSift lets you explore what a website links to.
  • postmake.io - A curated directory of 300+ tools and resources used by companies and startups all over the web. Built using Vue.js and Nuxt.
  • screenshotapi.net - A website screenshot API, capture pixel-perfect website screenshots.
  • FontGet - Download Free Fonts.
  • Travel_Smart - A tour-based web app that uses Vue + Vue Router + Vuex.
  • National Institutes of Health (NIH): FEVS Survey Results - National Institutes of Health (NIH) data visualization of Federal Viewpoints Survey (FEVS) survey results.
  • U Can Stock - U.S. stock market information platform for Korean. It's built with Vue, Vuex, Vuetify, Nuxt and Firebase.
  • Nipashe -"Nipashe" is a Swahili word that means "Inform me". Nipashe is a web app built in Vue + Vuex(state management) + Vue-Router(navigation) that gives a tally/statistics on the current COVID19 infections across the world based on the WHO
  • DevSnap.me - A website that helps web developers find tons of free and open source HTML, CSS, and JavaScript assets.
  • Back Home/回家 - A flight searching engine for the flights from oversea to China Mainland (and China to oversea) that still fly during COVID-19.
  • Deadlines - An offline, simple deadline tracker made with Vue.js and localForage.
  • Scraperbox - Undetectable web scraping API. Built with Laravel and Vue.
  • Darwin Analytics - Tool for measuring and optimizing your site. Built with Vue3 and Vite.
  • Scrumfast - Extremely intuitive project management scrum tool.
  • Gradientos - Gradientos makes finding gradients easy.
  • httptools.dev - Collection of many online checks and tools for web developers, like a JSON formatter, redirect check or URL encoder. Built with Vue3 and vue-router, backend API uses Laravel.
  • FontBolt - Discover and generate your favorite fonts from pop culture
  • Portfolio Site - Monayem Islam, A full-stack web application developer's portfolio site. Made with Love and Vue 3.

Interactive Experiences

Enterprise Usage

A11y

Components & Libraries

Frameworks

Responsive

Set of components + responsive layout system

  • quasar-framework - Quasar Framework. Build responsive websites, hybrid mobile Apps and Electron apps using same code, with VueJs 2.
  • vue-material - Material design for Vue.js.
  • vuetify - Material Component Framework for Vue.js 2.
  • buefy - Components based on Bulma framework.
  • element-ui - A Vue.js 2.0 UI Toolkit for Web.
  • iview-ui - A Vue.js 2.0 UI Framework for web.
  • AT-UI - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0
  • BootstrapVue - Bootstrap v4 components and grid system for Vue.js.
  • fish-ui - A Vue.js 2.0 UI Toolkit for Web
  • zircle-ui - A frontend library to develop zoomable user interfaces.
  • ant-design-vue - An enterprise-class UI components based on Ant Design and Vue 3.2.0
  • heyui - (https://www.heyui.top/en) - A Vue.js 2.0 UI Toolkit for Web.
  • Carvue.js - IBM's Carbon Design System for Vue.js
  • BalmUI - A modular and customizable UI library based on Material Design and Vue 3.0
  • Osiris UI - 🎨 A Vue.js 2.0 universal responsive UI component library
  • @Carbon/vue - Carbon Design System components from the @carbon team.
  • Inkline - Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building Vue.js 3 Design Systems.
  • MDBootstrap - Powerful UI toolkit based on the latest Bootstrap 4 and Vue 2.6.10, providing a set of slick, responsive page templates, layouts, components and widgets to rapidly build responsive, mobile-first websites and apps.
  • vue-material-adapter - Integration of Material Components for Vue.js which follows the best practices recommended by Google: Using Foundations and Adapters
  • PrimeVue - The Most Complete UI Component Library for Vue
  • CoreUI for Vue.js - CoreUI for Vue.js is a UI Component Library that offers a bunch of cross-browser, responsive, and lightweight Vue.js UI components.
  • oruga - UI components for Vue.js without CSS framework dependency.
  • Wave UI - An emerging UI framework for Vue.js with only the bright side. ☀️
  • element3 - A Vue.js 3.0 UI Toolkit for Web is based on element-ui
  • vuestic-ui - A Vue.js 3.0 UI customizable UI Framework.
  • Qui-max - A Vue 3.x Design System for Web
  • Naive UI - A Vue 3 Component Library Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow Kinda Interesting
  • Element Plus - A Vue 3 UI Framework.
  • AgnosticUI - Accessible Vue 3 Component Primitives that also work with React, Svelte, and Angular!
  • Vexip UI - A Vue 3 UI Library, Highly customizable property values, Full TypeScript, Performance should be good.
  • Anu - Build better interfaces faster. DX focused utility based vue component library ⚛️
  • Vue USWDS - A Vue.js implementation of the USWDS (U.S. Web Design System)
  • Vuetensils - A 'naked' component library for building accessible, lightweight, bespoke applications.
  • Vuersatile Components - A Vue 3 component library, with form self-validation and an SCSS framework integrated.
  • Prefect Design - Component library using Vue 3, Typescript & Tailwind.
  • Stellar UI - Fully styled and customizable components for Vue 3.
  • Shadcn UI - An unofficial, community-led Vue port of shadcn/ui (re-usable components built with Radix Vue and Tailwind CSS).

Mobile

UI frameworks for mobile

  • Framework7-Vue - Build full-featured iOS & Android apps using Framework7 & Vue.
  • vux - [Chinese] Vue UI Components based on WeUI.
  • vue-onsenui - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
  • Weex - Weex provides the ability to publish cross platform, so web, Android, and IOS apps can use the same API development functions.
  • Ionic - Mobile app development framework
  • Native script - Native mobile applications using NativeScript
  • uni-app - A cross-platform framework using Vue.js

Set of components for mobile

  • vant - A Vue.js 2.0 Mobile UI From YouZan.
  • cube-ui - A fantastic mobile ui lib implement by Vue.js 2.
  • mand-mobile - A mobile UI toolkit, based on Vue.js 2, designed for financial scenes.
  • NutUI - A Vue.js 2.0 UI Toolkit for Mobile Web

Component Collections

Set of components without layout system

  • keen-ui - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
  • uiv - Bootstrap3 components implemented by Vue2.
  • Essential JS 2 for Vue - Full-featured 45+ Vue.js components which includes Data Grid, Chart, Scheduler and Diagram components etc.
  • DevExtreme Vue Components - 65+ responsive and feature-complete Vue UI components with customizable Material Design and Bootstrap compliant themes.
  • jqwidgets - 70+ Vue.js 2.0 UI Components with Material Design themes.
  • Kendo UI for Vue – Over 70 UI components, including a Grid, built for business applications. Fully responsive with support for several Design Languages including Material Design and Bootstrap.
  • element-pro-components A component library for Vue 3 base on element-plus
  • TW Elemetns for Vue - Vue integration with Tailwind CSS - a free, open-source UI Kit
  • Origin UI Vue - Beautiful UI components built with Tailwind CSS and Vue

Admin Template

Set of admin template

Server-side rendering

  • Nuxt.js - Versatile Vue.js Framework.

Static website generator

  • VuePress - Minimalistic Vue-powered static site generator.
  • îles - Islands of interactivity, the joyful site generator
  • VitePress - Vite & Vue powered static site generator.

Other

  • Vue-Access-Control Frontend access control framework based Vue.js 2.
  • CabloyJS The Ultimate NodeJS Full Stack Business Development Platform, based on KoaJS & EggJS & VueJS & Framework7
  • DataFormsJS - A minimal routing and web service framework that uses Vue as a templating engine.
  • Vue-Low-Code - Low Code toolkit that can generate VUE apps from Quant-UX prototypes
  • vue-notion - An unofficial Notion renderer – Use Notion as a CMS for Vue (e.g. Nuxt)
  • Fes.js - An easy-to-use front-end application framework based on vue3.

UI Layout

Layout for the overall / main view

  • vue-grid-layout - A draggable and resizable grid layout, for Vue.js.
  • vue-masonry - Vue.js directive for masonry blocks layouting.
  • vue-virtual-scroll-list - A vue (2.x) component support big data by using virtual scroll list.
  • vue-virtual-scroller - Component to scroll a large amount of elements efficiently (Vue 2.x).
  • dnd-grid - A vuejs grid with draggable and resizable boxes
  • vue-fullpage.js - Official fullPage.js component for Vue.js.
  • splitpanes - A Vue JS reliable, simple and touch-ready panes splitter / resizer.
  • vue-simple-drawer - A tiny drawer panel with bounced animation, nest supported and theme customized. directions: left/right/up/down
  • vue-typed-virtual-list - [Vue 3.x] small, efficient, TypeScript-friendly virtual scroller for rendering massive data
  • fit-screen - A vue component based on the scale large screen adaptive solution.
  • vue-virtual-waterfall - A virtual waterfall component for Vue 3.x.
  • vue-stack-grid - A Vue 3 component designed to make creating dynamic, responsive grid layouts easy and efficient.

UI Components

Table

Tables / data grids

  • ag-grid-vue - Vue adaptor for ag-Grid.
  • vue-data-tables - Vue2.0 DataTables, based on element-ui.
  • vue-grid - A flexible grid component for Vue.js
  • vue-easytable - A powerful table components based on Vue2.x
  • vue-crud-x - Extensible crud component using Vuetify layout, other than the usual page, sort, filter, it is able to do nested CRUD, custom forms, filters, operations.
  • Vue Datatable - VueJS powered Datatable with Laravel server-side loading and JSON template setup
  • vue-cheetah-grid - A high-performance grid engine that work on a canvas for Vue.js.
  • vue-table-component - A straight to the point Vue component to display tables.
  • @lossendae/vue-table - Simple table component for Vue.js 2.x with pagination and sortable columns.
  • @marketconnect/vue-pivot-table - A vue component for pivot table
  • vueye-datatable - Vueye data table is a responsive data table component based on Vue.js 2, it organizes your data per pages in order to navigate easily.
  • fancy-grid-vue - Vue adaptor for FancyGrid.
  • vue-quintable - A responsive and highly configurable table based on Vue 2.x and Bootstrap 4.x
  • vue-datagrid - Vue grid wrapper for powerful webcomponent revo-grid with excel like rich edit and behavior.
  • vue-dataset - A set of Vue.js components to display datasets with filtering, paging, and sorting capabilities!
  • jz-gantt - A high-performance Vue gantt component, which includes highly customizable table columns, dynamic update data, freely drag the progress bar, switch header, etc.
  • vue3-easy-data-table - A easy-to-use data table component made with Vue.js 3.x, referring to the API and UI of data table component in Vuetify 2.
  • tanstack-table - Headless UI for building powerful tables & datagrids.
  • vuetify-drilldown-table - The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's v-data-table and v-data-table-server. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.
  • vxe-table - Vue form/table solution.

Notification

Toaster / snackbar — Notify the user with a modeless temporary little popup

Loader

Loaders / spinners / progress bars — Let the user know that something is loading

  • epic-spinners - Easy to use css spinners collection with vue.js integration.
  • vue-loading-overlay - Tiny full screen loading indicator
  • vue-ellipse-progress - A flexible Vue.js component to create beautiful animated circular progress bars and loaders
  • vue-default-page - A Vue 3.0 plugin with built-in v-loading, v-skeleton, v-error and v-empty custom directives.
Progress Bar

A slim progress bar at the top of the page

Tooltip

Tooltips / popovers

Overlay

Overlay / modal / alert / dialog / lightbox / popup

  • vodal - A vue modal with animations.
  • v-viewer - Image viewer component for vue2 and vue3, supports rotation, scale, zoom and so on, based on viewer.js
  • vuejs-dialog - A lightweight, promise based alert, prompt and confirm dialog.
  • v-dialogs - A simple and powerful dialog, including Modal, Alert, Mask and Toast modes, based on Vue2.x
  • vue-sweetalert2 - wrapper for sweatlaert2 with support for TypeScript, Nuxt and SSR
  • @kouts/vue-modal - A customizable, stackable and lightweight modal component that adheres to the guidelines set in WAI-ARIA Dialog (Modal) section of W3C.
  • vue-final-modal Tailwind-friendly, highly customizable, stackable modal component.
  • vue-it-bigger - A simple image / (YouTube) video lightbox component for Vue.js.
  • vuejs-confirm-dialog - 💬 a simple way to create, reuse, promisify and build chains of modal dialogs in Vue.js.
  • @kolirt/vue-modal - ⚡️ Simple Vue3 modal package
  • vuetify-resize-drawer - The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.

Parallax

TODO

Icons

  • vue-material-design-icons - A collection of SVG Material Design icons as single file components.
  • vue-fontawesome - Font Awesome 5 Vue component
  • vue-country-flag - Vue component for country flag icons
  • vue-fa - Simple FontAwesome 5 Vue.js 2 component.
  • vue-icomoon - With vue-icomoon you can easily use the icons you have selected or created in icomoon.
  • vue-icons - More than 11,000 icons from most popular icon libraries (bootstrap, fontawesome, feather .. etc)

Marquee

  • vue3-marquee - A simple and responsive marquee component for Vue 3 applications with 0 dependencies.

Menu

  • vue-tree-navigation - Vue.js 2 tree navigation with vue-router support
  • v-selectmenu - A simple, easier and highly customized menu solution for Vue2.
  • vue-navigation-bar - A simple, pretty navbar for your Vue projects.
  • vue-file-toolbar-menu - UI file/toolbar menus for Vue apps
  • v-dropdown-menu - Customizable dropdown menu plugin for vuejs. SSR supported.
  • vue-bottom-sheet - A swipeable bottom sheet component for Vue.js created with Hammer.js
  • vue-awesome-sidebar - A modern and fast sidebar menu component for vue(3x) capable with vue-router.
  • vue-use-fixed-header - Turn your boring fixed header into a smart one.
  • navpress - NavPress is a CLI tool for generating static navigation websites. It allows you to quickly build a navigation site through a configuration file.

Minus Plus Input

TODO

Carousel

  • vue-easy-slider - Slider Component of Vue.js.
  • vue-flux - Image slider which comes with 20 cool transitions.
  • @egjs/vue-flicking - It's reliable, flexible and extendable carousel for Vue.js 2 & 3.
  • swiper - Official Swiper component for Vue 3. Tree shakable, SSR support, typing, a11y and a lot more
  • vue-concise-carousel - Vue Concise Carousel with True SSR. Works for Vue 2 & 3.

Charts

Time

Display time / date / age

  • bs-vue-timeline - An alternative responsive boostrap-vue timeline
  • v-idle - A Vue.js plugin to detect idle/non-active users.
  • vue-timer-hook - Vue 3 Timer module inspired by react-timer-hook

Calendar

Display non-editable events in a Calendar

  • vue-simple-calendar - Flexbox-based Vue month calendar component; supports multi-day events, localization, holiday emoji, drag/drop. No dependencies.
  • vue-functional-calendar - Lightweight, high performance calendar component(Date Picker, Date Range) based on Vue.
  • vue-cal - A Vue JS full calendar, no dependency, no BS. 🤘.
  • vue-spring-calendar - It's a Vue based component which provides the functionality of a full-calendar that shows daily events. the demo.
  • vue-tailwind-datepicker - A Vue 3 Datepicker using Tailwind CSS 3
  • qalendar - An event calendar and datepicker for Vue 3
  • schedule-x - A material design event calendar. Customizable, light- and dark modes & multilingual.

Map

  • vue2-leaflet - Vue 2 components for Leaflet maps.
  • vue-cesium - Vue 2.x & Vue 3.x components for Cesium.
  • vue3-openlayers - Vue 3 components to work with OpenLayers.
  • vue-mars3d - Vue 2.x 3D earth visualization JS development platform.
  • vue-maplibre-gl - Vue 3.x wrapper around Maplibre GL JS library written in TS. Including style switch and frame rate control.

Audio / Video

Infinite Scroll

  • @egjs/vue-infinitegrid - Arrange infinite card elements according to various layout types like masonry for Vue.js 2.
  • virtua - A zero-config, fast and small (~3kB) virtual list component for React and Vue

Pull-to-refresh

TODO

Markdown

PDF

Tree

  • sl-vue-tree - A simple customizable draggable tree component for Vue.js
  • vue-finder - A component to display hierarchical data, with selection, filtering and drag & drop
  • object-visualizer - Vue 3 JSON inspector with Chrome-like theme.

Graph

  • vnodes - General purpose components to create svg interactive graphs, diagrams or node based visual tools.
  • v-network-graph - An interactive SVG based network-graph visualization component for Vue 3.
  • coya - Diagram drawing library (vue3 only)
  • vue-skia - Skia based 2d graphics vue3 rendering library. It is based on Rust to implement software rasterization to perform rendering.
  • vue-flow - Interactive, customizeabe, graph & flowchart editor for Vue3

Social Sharing

  • vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x.
  • vue-share-modal - A pure, lightweight, and beautiful share modal for Vue 3.

QR Code

  • vue-qrcode-reader - A set of Vue.js components for detecting and decoding QR codes.
  • vue3-qr-reader - A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3 compatibility.
  • qrcode.vue - A Vue.js component to generate qrcode. Supports both Vue 2 and Vue 3.

Search

  • reactivesearch-vue - UI components for building data-driven apps with Elasticsearch
  • vue-search-input - A Vue 3 search input component, inspired by the global search input of Storybook and GitHub.

Miscellaneous

  • vue-kanban - A flexible drag and drop kanban board component
  • v-offline - Simple, tiny and easy to use detection of offline & online events for your Vue app (less than 390b minified)
  • vue-connection-listener - Vue event bus plugin listening for online/offline changes.
  • vue-prom - Vue promise wrapper component.
  • vue-identify-network - ⚡️Identify what kinda internet your users are using!
  • vue-highlight-words - Vue component to highlight words within a larger body of text. Ported from react-highlight-words
  • vue-command - A fully working Vue.js terminal emulator
  • vue-fixed-header - Simple and cross-browser friendly fixed header component for Vue.js written by TypeScript.
  • vue-twemoji-picker - A fast plug-n-play Twemoji Picker (+textarea for Twemoji rendering) for Vue.
  • tsParticles - A lightweight Javascript library to easily create highly configurable and interactive particle animations
  • vue-image-zoomer - image zoom component for Vue.js 2 & 3, that also works on touch devices.
  • vue-advanced-chat - Feature-rich and fully customizable chat rooms component. Support files, images, videos, audio, emojis, customised actions, etc.
  • vue-word-highlighter - The word highlighter library for Vue 2 and Vue 3.
  • vue3-emoji-picker - Simple and Powerful Emoji Picker for Vue3.
  • vue-magnifier - Vue 3 image zoom component.
  • vue-web-terminal - 💻 A feature-rich and powerful web terminal plugin for vue2 & vue3.(功能强大的网页命令行终端插件)
  • vite-plugin-vue-preview - a vite plugin for code preview, of course you can also use the component separately
  • Everright-filter - A query builder component for Vue3. Supports filtering of multiple data types, including string, number, dropdown, cascade, region, date, and time.
  • @kolirt/vue-web3-auth - 💎 Web3 authentication for Vue3 apps based on WalletConnect v2 and wagmi
  • zoom-image - A little yet powerful framework agnostic library to zoom image on the web
  • vue-wheel-spinner - A simple, customizable wheel of fortune component. See Demo

Tabs

  • vue-tabs - Simple tabs and pills.
  • vue-swipe-tabs - A touch swipe tab component for vue.js(vue2).
  • vue-tabs-component - An easy way to display tabs with Vue.
  • vue-k-tabs - A simple tabs components with Gitlab design.
  • vue-tabs-with-active-line - Simple Vue 2 component, that allows you to make tabs with moving bottom line
  • vue-tabs-chrome - A Vue component for Chrome-like tabs.
  • vue-tiny-tabs - A minimalistic tabs component as tinytabs Vuejs wrapper (size < 3.1kb)
  • vue-lumino - A component to use Vue.js with Jupyter Lumino (PhosphorJS), integrating DOM & VDOM through event listeners and Vue reactivity system.
  • vue-router-tab - Vue.js tab components, based on Vue Router.
  • vue3-tabs - A touch swipe tabs component for vue 3
  • vue3-tabs-chrome - A Vue3 component for Chrome-like tabs.
  • vue-nav-tab Tab components for Vue.js 3 project

Form

Let the user create & edit data

Phone Number Input Formatter
Pincode Input
Picker
Generator
Date Picker

Date / datetime / time Picker

  • vue-datepicker - [unmaintained] Calendar and datepicker component with material design for Vue.js.
  • vue2-timepicker - A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support. 🕖 (Back and recharged in 2019 🔋)
  • vuejs-datepicker - A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations.
  • vuedt - Crazy lightweight (<5kb!) Vuejs Date and Time picker component with i18n support, nice animations and not too much fuzz.
  • vue-flatpickr-component Vue.js component for flatpickr datetime picker
  • vue-jalaali-datepicker - Jalaali calendar and datepicker for vue.js 2.
  • vue-date-picker - A vue date picker component inspired by material design
  • vue-monthly-picker - Vue.js component for month and year picker only
  • vue-hotel-datepicker - A responsive date range picker that displays the number of nights selected, allows custom check-in/check-out rules, blocking dates, localization support and more.
  • vue2-persian-datepicker - An awesome Persian datepicker component for vue. کامپوننت انتخاب تاریخ برای ویو.
  • vue-datetime - Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
  • vue-rangedate-picker - Range date picker with simple usage
  • v2-datepicker - A simple datepicker component based Vue 2.x.
  • vue-datepicker-local - A Beautiful Datepicker Component For Vue2.
  • vue-airbnb-style-datepicker - A Vue datepicker with a similar look and functionality as the popular AirBnb datepicker. Lightweight, configurable and good browser support!
  • vue-persian-datetime-picker Persian material datepicker. Supports datetime, date, time, year, month.
  • VCalendar Very customizable and powerful calendar/datepicker component with many features and good documentation.
  • @owumaro/vue-date-range-picker - A vue component using Bootstrap 4 styles for date range selection
  • vue-datepicker-mobile - A mobile friendly datepicker for vue2. 🇨🇳 select one day or range of date and custom it that you wish.
  • vue-draggable-cal - Not your ordinary datepicker. A Vuejs draggable date selector with a fresh responsive design, mobile ready and 0 dependencies, 17kb gzipped.
  • vue-vanilla-datetime-picker - Datetime picker for Vue.
  • vue2-daterange-picker - Vue2 date range picker based on bootstrap-daterangepicker (no jQuery dependency)
  • vue-timeselector - Fully and simply customizable powerful time picker component for Vue.js.
  • vue-date-picker - Lightweight datepicker component for Vue 2.x.
  • vue-ctk-date-time-picker - A beautiful VueJS component to pick date & time (with range mode) 🆕
  • simple-vue2-datetimepicker - A simple, easy to use vue.js component for date and time picking. 🆕
  • vue-business-hours - Vue component for selecting business hours in an administration panel or dashboard.
  • material-vue-daterange-picker - a daterange picker of Material Design style for Vuejs 2.x, which is compatible with vuetify and friendly for mobile.
  • vue-datepicker - A clean & responsive datepicker with Material Design style for Vuejs 2.x. (date/month/quarter && date range picker) 🆕
  • @alireza-ab/vue-persian-datepicker - A datepicker component for select persian date. (single and range selection, select date and time, select with keyboard, customizable style, localization)
  • vue-easy-range-date-picker - A simple and easy VueJS (2.x) component for date range selection
  • @vuepic/vue-datepicker - The most complete date picker solution for Vue 3
  • vue-datepicker-next - Vue 3.x component for datepicker / timepicker / datetimepicker / calendar
Select
  • vue-select - A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.
  • vue-multiselect - Universal select/multiselect/tagging component for Vue.js.
  • stf-vue-select - most flexible and customized select Vue2
  • vue-select-image - Vue 2 Component for selecting image from list
  • @riophae/vue-treeselect - A multi-select component with nested options support for Vue.js.
  • @k186/pd-select - A mobile UI component like IOS picker for Vue 2.x,can be wheel pick what ever you defined.
  • vue-dropdowns - A minimalistic and adaptable way to display select boxes if using objects for vue2.x
  • v-cascade - A lovely component of cascade selector with Vue 2.x (Support both of PC and Mobile)
  • vue-multi-select - A custom component to make select/multiselect for Vue2.
  • v-region - A simple region selector, provide Chinese administrative division data.
  • v-selectpage - A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server-side resources supports.
  • vue-cool-select - Bootstrap / Material Design theme, support slots, autocomplete, events, validation and more.
  • @myena/advanced-select - Single/Multiple Select component with search, controls for (de)select all and a Bootstrap 3 theme
  • @alfsnd/vue-bootstrap-select - Vue version of bootstrap-select.
  • @SamuelTrottier/vue-wheel-select - A simple scrolling select component.
  • vue-search-select - Searchable select components and semantic-ui's dropdown compatible.
  • vue-gridmultiselect - Simple multi-select component with items displayed in a table like UI
  • vue-select-sides - A component for Vue.js to select double-sided data (2-sides).
  • vue-selectize - A Vue.js component wrapper around Selectize.js, a vanilla js select component
  • @vueform/multiselect - Vue 3 multiselect component with single select, multiselect and tagging options.
  • vue-country-code - Vue 2 Country Code Select
  • vue-cool-box-selector - Fancy versatile, box / button / image selector for Vue 2 and 3 🪄✨ ~1KB
  • vue3-select-component - Vue 3 Select Component, single & multi-select, best-in-class DX support with TypeScript end-to-end typesafe, easy styling, slots and more ~4.4KB
Slider
Drag and Drop
  • vuedraggable-plus - Vue component allowing drag-and-drop sorting module, support Vue>=v3 or Vue>=2.7. Based on Sortable.js.
  • vue-dragula - Drag and drop so simple it hurts.
  • vue2-dragula - A vue-dragula fork for Vue2, with a lot of improvements.
  • awe-dnd - A sortable list directive with Vue.
  • vue-draggable-resizable - Vue2 component for draggable and resizable elements.
  • vddl - Vue components for modifying lists with the HTML5 drag & drop API, supports VueJs versions 1 and 2.
  • vue-drag-drop - A minimal and lightweight wrapper for the HTML5 Drag and Drop API.
  • vue-swing - A swipeable cards interface, as seen in apps like Jelly and Tinder.
  • vue-slicksort - A dependency-free set of mixins for animated, touch-friendly, sortable lists
  • draggable-vue-directive - A simple directive to handle drag and drop of any Vue component.
  • vue-smooth-dnd - Vue wrappers of smooth-dnd library. drag and drop, sortable library covering for many cases.
  • vue-drag-resize - A dependency-free Vue component for draggable and resizable elements with aspect ratio, reactive props etc
  • vue-drag-it-dude - Vue2 component, that allows you to drag object wherever you want.
  • vue-draggable - Vue Drag and Drop library without any dependency. Simple and easy to use.
  • vue-nestable - A simple drag & drop hierarchical list made as a vue component.
  • vue-tinder - Have your own Tinder and TanTan.
  • vue-card-swipe - A touch slider for vue.js, support sliding in any direction to switch cards, compatible with PC and mobile.
  • vue-drag-n-drop - A simple kanban board where the items can be dragged and dropped from the list on to the board.
  • vue-card-stack - Stackable, swipeable, tweakable Vue card component.
  • vue-drag-drop-snap - A dependency-free Vue component for drag and drop with snapping.
  • vue3-dnd - React DnD in Composition API implementation, Use the Composition API for sortable and free draggable, Supported Vue2, Vue3.
  • sortablejs-vue3 - A Vue 3 component acting as a thin wrapper around SortableJS
  • vue-fluid-dnd - A Vue 3 drag and drop, sortable, dependency-free library with cool animations, a easy to use api using vue composables.
Autocomplete

Autosuggest / autocomplete / typeahead

  • vue-instant - Vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications.
  • v-autocomplete - Autocomplete component for Vue.js
  • vue-auto-complete - Autocomplete for Vue2. Works with objects or api calls.
  • vue-autosuggest - WAI-ARIA complete Autosuggest component with full customization over rendering and styling.
  • v-autosuggest - A simple modular Vuejs component that autosuggest input from a dynamic or static data querying.
  • autocomplete - Simple Autocomplete component for Vue.js 2.*
  • vue-infinite-autocomplete - Vue infinite-autocomplete wrapper for Vue.js 2.*
  • vue-simple-suggest - Simple yet feature-rich autocomplete component for Vue.js
  • v-suggest - A Vue2 plugin for input content suggestions, support keyboard to quick pick.
  • vue-bootstrap-typeahead - An typeahead/autocomplete component for Vue2 using Bootstrap 4 CSS.
  • vue-email-dropdown - An autocomplete for custom email domains.
  • vue-combo-blocks - Small, accessible, customizable and "renderless" autocomplete component for Vue.
Type Select

Let the user select a tag / something while typing

  • vue-input-tag - Vue.js 2.0 Input Tag Component.
  • v-distpicker A flexible, highly available district picker for picking provinces, cities and districts of China for Vue.js 2.x.
  • vue-img-inputer A graceful, highly customizable img type input for Vue 2
  • vue-img-preview An image input preview component in vue 2
  • v-image 📷 Tiny little component for input type=file (< 1kb, gzipped)
  • @voerro/vue-tagsinput A simple tags input Vue.js 2 component with typeahead/autocomplete
  • vue-tag-selector - Tag-like input. Light, customizable and handles REGEX validation!
  • vue-input-text-to-tags - A input component that can create tags for the result display
Color Picker
  • vue-color - Vue Color Pickers for Sketch, Photoshop, Chrome & more.
  • vue-swatches - Help the user picking beautiful colors!
  • radial-color-picker - Minimalistic color picker with a focus on size, accessibility and performance.
  • vue-color-picker-board - Vue Color Picker component designed for humans!
  • verte - A Complete Vue.js Color Picker Component.
  • vue-color-input – Vue 3 color picker component whose goal is to replace <input type="color">
  • vuetify-color-field - Vuetify Color Field is a Vuetify VTextField Color Picker Component
Switch

Switch / on/off toggle / checkbox

  • vue-switches - An on/off switch component for Vue.js with theme support.
  • vue-js-toggle-button - Vue.js 2.0+ toggle / switch button - simple, pretty, customizable.
  • vue-checkbox-radio - A Vue component to easily styling checkbox and radio inputs.
  • vue-enhanced-check - Vue component to redesign/labelize checkbox/radio, including toggle/switch button.
  • pretty-checkbox-vue - Implementation of pretty checkbox 3(A pure CSS library to beautify checkbox and radio buttons) components for Vue.js 2.2+.
  • vue2-collapse - Vue Collapse is a flexible content toggling plugin for the accordion lists or any other conditional content rendering.
  • vue-badger-accordion - A wrapping Component for Badger Accordion for Vue.js 2.0+
  • vue-loading-checkbox - A highly customizable Vue.js checkbox UI component with loading state
  • vue-rocker-switch - A customizable rocker switch component for Vue.js.
  • vue-toggle-btn - A Highly Customizable, easy-to-use elegant toggle/switch button component
  • vue-tristate-checkbox - Cycling tristate checkbox that supports form submission
  • vue-toggles - A highly customizable and accessible toggle component
  • @vueform/toggle - Vue 3 toggle component with labels, custom slots and styling options.
  • vue-collapsed - Vue 3 CSS height transition from any to auto and vice versa. Accordion ready.
Masked Input
  • vue-masked-input - Masked input component for Vue.js.
  • vue-text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript.
  • vue-ip-input - An ip input implemented by vuejs.
  • vue-numeric - Input field component to display currency value based on Vue.
  • awesome-mask - Mask directive based on a pure and simply VanillaJS implementation
  • v-money - Tiny (<2k gzipped) input/directive mask for currency
  • vue-autonumeric - A Vue.js component that wraps the awesome AutoNumeric input formatter library
  • vue-inputmask - Vue.js directive to add Robin Herbots' inputmask library to your inputs (vanilla javascript).
  • vue-input-number - A custom input number component for Vue.js 2.
  • v-unicode - Vue directive to restrict an input by unicode values.
  • vue-cleave-component - Vue.js component for cleave.js
  • vue-ip - An ip address input with port and material design support
  • vue-r-mask - Directive with template similar to javascript regular expression.
  • vue-input-code - Base on Vue.js 2.0+ verification code input component.
  • label-edit - Inspired by Trello. Click to show editable input and return the value changes. This is a Vue Component.
  • vue-jquery-mask - Vue.js v2.x component for jQuery Mask Plugin
  • vue-currency-input - Easy input of currency formatted numbers for Vue.js.
  • vue-restricted-input - Input mask library for vue.js based on restricted-input
  • vue-input-facade - A lightweight and dependency free input masking library created specific for Vue, originally a fork of the famous vue-text-mask but actively maintained and with lots of improvements after there.
Rich Text Editing
Image Manipulation

Edit images

Display images

  • vue-cloudinary - A vue (2.0) plugin that offers a reusable directive to get images from Cloudinary (https://cloudinary.com) with dynamic manipulation (resizing/cropping/effects/watermarking/scaling/formatting) and optimization (webp/png/auto quality/auto retina).
  • img-Vuer - An Mobile-First image viewer/gallery for Vue2
  • vue-image-loader - A vue loader/progressive image plugin like Medium.
  • vue-load-image - display loader during image loading, as well as by display alternate content when the image fails to load.
  • vue-image-painter - 🙋 Image magic animation drawing effect component for Vue 2.x.
  • vue-cosha - 🎨 An easy to use vue directive that places a colourful shadow behind any image
  • vue-image-kit - Vue.js Image Kit Component with Lazy Load built in and Responsive Images.
  • vue-preview-imgs - A picture preview plugin for Vue3
  • awesome-image - An universal image component for Vue2 / Vue3 / Nuxt with Lazyload / Responsive / Progressive / Auto-WebP / WebGL Filter / WebGL Transition supported.
  • TwicPics - Components replacing img and video tags with lazy loading, CLS optimization, and progressive loading out-of-the-box and enabling media optimization and manipulation.
Video Manipulation
  • vue-playlist - A lightweight vue (2.0) component with no dependencies that offers truly seamless html5 video playback. The one and only working solution for seamless video play done with vanilla JS. It takes an array of videos and stitches them together into a single video.
File Upload
  • vue-clip - Simple and hackable file uploader for VueJs. Supports Vue >= 2.1.
  • vue-simple-upload - Simple File upload component for Vue.js.
  • vue2-multi-uploader - A drag and drop multiple file uploader component that uses Vue.js v2 and Axios. Uploader shows file names, sizes and total size of files added. It also allows setting a minimum required number of files to upload.
  • vue-dropzone - A Vue.js (vue2) component for Dropzone.js - a drag’n’drop file uploads utility with image previews.
  • vue-transmit - A purely Vue.js drag & drop uploader component based on Dropzone.js for Vue 2.0
  • vue-upload-component - Vue upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory. Supports Vue >= 2.0
  • vue-uploader - A Vue.js upload component powered by simple-uploader.js
  • ic-firebase-uploader - A clean multi-file upload component for Firebase storage.
  • vuejs-uploader - A resumable multipart file uploader for HUGE file uploads.
  • vue-filepond - A Vue.js component for FilePond - a file upload library that can upload anything you throw at it.
  • v-uploader - A Vue2 plugin to make files upload simple and easier, you can drag files or select file in dialog to upload
  • vue-file-agent - Full-featured drag & drop enabled Vue file upload component with previews and upload progress
  • vue-cloudinary-uploader - A cloudinary image cropper and uploader component for VueJs
  • vue-dropify - A Simple image dropzone component for Vuejs
  • vue-file-upload - A file management system that allows for single and multiple file uploading with a preview feature
Context Menu
Miscellaneous
  • vue-gmaps - Search places and address using Google Maps API.
  • vuep - A component for rendering Vue components with live editor and preview.
  • vue-places - Places component is based on places.js for Vue 2.x. Turn any input into an address autocomplete.
  • vue-password-strength-meter - Password strength meter based on zxcvbn in vue.js.
  • vue-float-label - Float label pattern for Vue.js.
  • vue-longpress - A VueJS (2.x) button component that requires you to keep pressing to confirm a given action.
  • vue-google-autocomplete - A Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-default-value - Vue.js 2.x directive to set a default value for editable elements with no affect to the model state
  • vue-model-autoset - A Vue.js plugin to workaround Vue limitation in observing dynamically added properties with v-model directive
  • vue-submit - Simple implementation of Ladda (1, 2) in less than 90 lines of code with no dependencies.
  • vue-rate - Rate component for Vue
  • vuetify-google-autocomplete - A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-ripple-directive - Material Ripple Effect as Vue Directive.
  • vue-fab - Vue Floating Action Button.
  • vue-complexify - Vuejs porting library from jquery.complexify.js.
  • vue-mc - Models and Collections for Vue.js
  • vue-stars - Highly customizable rating control (using stars or other characters)
  • vue-confirmation-button - Customizable confirmation button that requires users to read messages before performing an action
  • vue-poll - A Vue.js component for voting
  • vue-diagrams - Diagram component for vue.js, inspired by react-diagrams
  • vue-easy-polls - A Vue.js component for creating polls, voting and showing results. It’s easy to implement and easy to customize.
  • vue-m-button - A beautiful button component for vue.
  • vue-long-click - Long click (long press) directive library for vue, support mobile and desktop.
  • vue-ui-predicate - A rules editor, generic filtering UI, predicates component for Vue JS.
  • vue-mobile-detection - Vue.js prototype function this.$isMobile() that returns a Boolean value depending on whether or not the user is browsing with a mobile.
  • vue-input-contenteditable - A Vue component wrapper for contenteditable with all the features you normally expect. Make beautiful inputs without the restrictions of input[type='text'].
  • @utlime/vue-zoom - A Vue zoom component.
  • vue-credit-card - A Vue Component for Credit Card Input & Masking & Preview
  • vue-simple-password-meter - Lightweight password strength meter with no dependency
  • vue-autosizer - A light replacement for built-in <textarea> and <input> elements allowing them to automatically stretch to fit the content.
  • vue-interactive-paycard - A fantastic credit card form with smooth and sweet micro-interactions.
  • vue-paycard - Credit card component made with Vue.js.
  • vue-list-picker - Just a simple list picker component made with Vue.js.
  • vue-diagram-editor - Highly customizable diagram editor with slot-based nodes (vue^2.6)
  • v-use-places-autocomplete - 📍 Vue composable for Google Maps Places Autocomplete.
  • vuetify-inline-fields - Vuetify Inline Fields Component Library offers a comprehensive collection of reusable UI components to create elegant and efficient inline form fields within your applications.
Wizard
  • vue-form-wizard - Tab based component which can replace classic bootstrap & jQuery form wizards
  • vue-stepper - A simple stepper with simple actions such as next, back and end to perform simple forms.
  • vue-stepper-component - A fully customizable Stepper component with Vuex support and Zero dependencies.
  • vue3-form-wizard - Vue3-form-wizard is a vue based component with no external depenendcies which simplifies tab wizard management.
CSV
  • vuecsv - A Simple CSV Downloader from json with option modal panel component.
Comment System
  • vue-comment-grid - 💬 Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication.
  • fastcomments-vue - 💬 A Vue component for FastComments, a live commenting system.

Canvas

  • vue-easeljs - Data-driven control over an HTML5 canvas element.
  • vue-canvas-effect - A simple, canvas effect collection for Vue.js.
  • vue-konva - Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
  • vue-html2canvas - Vue mixin to capture html and convert it to an image using Html2Canvas.
  • vue-canvas-nest - A Vue.js component for canvas-nest.
  • vue-signature-pad - 🖋 A Vue Signature Pad Component
  • vg-editor - A visual graph editor based on G6 and Vue, inspired by GGEditor
  • vue-pencil.js - Build reactive 2D graphics scene in your Vue project.
  • vue-scratchable - A Vue.js wrapper component that turns everything into fun scratch cards.
  • vue-rough - Components for Rough.js, a graphics library that lets you draw in a sketchy, hand-drawn-like, style.
  • vue3-signature - A electronic signature component for Vue 3
  • vue-signature - A electronic signature component for Vue2.x
  • v-perfect-signature - Pressure-sensitive signature drawing for Vue 2 and 3.
  • vue-drawing-grid - A simple drawing grid lets you create pixel arts using HTML5 canvas.

Link Preview

  • link-prevue - Flexible component for generate a link preview.

Tour

Data Masking

Authentication

  • vue-auth-ui - Pre-built set of components for user authentication

UI Utilities

Event Handling

Handling of user events (scroll, click, key strike, ...)

  • vue-shortkey - Vue-ShortKey - plugin for Vue.js.
  • vue-throttle-event - Throttle events based on requestAnimationFrame.
  • vue-waypoint - Waypoint component for Vue, this is the easiest way to trigger a function when you scroll.
  • vue-clickaway - Reusable clickaway directive for reusable Vue.js components.
  • vue-scrollfire - Fires an event on a specific scroll position.
  • vue-resize-directive - Vue directive to detect resize events with deboucing and throttling capacity.
  • v-click-outside - Vue directive to react on clicks outside of an element without stopping the event propagation.
  • vue-outside-events - Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.
  • vue-selectable - Vue 1.x/2.x directive to make items selectable by mouse.
  • vue-click-helper - Vue2.x directive to handle click event and dblclick event on same element.
  • v-hotkey - Vue 2.x directive for binding hotkeys to components.
  • vue-resize - Vue 2.x component to detect DOM elements resizing (event based/no window.onresize)
  • vue-observe-visibility - Vue 2.x directive using Intersection Observer API that detects if the element is visible (in the viewport and not hidden by CSS).
  • v-dragged - Vue 2.x directive plugin for drag event detection.
  • vue-esc - Vue.js directive to add a document event listener on escape keyup.
  • vue-global-events – A component to handle global events (like shortcuts) using Vue’s event modifiers
  • vue-edge-check – Check browser edge to prevent transition effect triggered oddly when swipe edge with vue-router
  • vue-mutation-observer – A simple and tiny directive to observe changes in DOM use MutationObserver API
  • vue-scroll-show – Showing the element if the user reached it after scroll
  • vue-tabevents – Easy communication between other opened tabs
  • vue-visibility-trigger - 👀 Declaratively trigger methods when scrolled into view
  • v-click-outside-x - Vue V2 directive to react on click, touch, pointer or multiple events outside an element.
  • vue-keypress - Global keypress event handler component for Vue.js applications.
  • vue-pseudo-window - 👻 Component to declaratively interface window/document in your Vue template
  • v-on-page-video - Vue.js directive to change the state of a Video element on visibility change
  • vue3-click-outside - Directive for Vue 3 to run a method on clicking outside of the binded element
  • vue-exit-intent - ✨ Vue Composable to handle user's Exit Intent.

Responsive Design

  • vue-viewports - Define your custom viewports and use them in your components.
  • vue-responsive: Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.
  • vue-match-media - Vue 2.x-compatible plugin that offers a consistent, semantic approach to making components media query-aware.
  • vue-media-query-mixin - Vue 2 media query mixin that can be used in both component js and component template. Compatible with bootstrap and vuetify viewports. wXS returns if screen width is xs, wSM returns true if screen width is sm, etc...
  • vue-breakpoints - Vue 2 minimal components to show and hide elements based on breakpoints. Inspired by Airbnb.
  • vue-mq - Offer some useful tools to quickly setup responsive design with a semantic and mobile-first API (Vue 2.x)
  • VueResizeSensor - A container that supports resize event.
  • vue-breakpoint-component - A render-less component for composing CSS breakpoint state.
  • fine-mq - A fine API to manage media queries in JS with ease and first-class integration with VueJS as a plugin.
  • vue-responsive-components - Create responsive components with ResizeObserver.
  • vue-screen-size - Get easy and reactive access to the width and height of your screen.
  • vue-container-query-2 - Smart vue plugin for working with css container query.
  • vue-component-media-queries - MatchMedia component library for Vue.

Form

  • vue-formly - JavaScript powered forms for Vue.js.
  • vue-focus - A reusable focus directive for reusable Vue.js components.
  • vue-form-generator - A schema-based form generator component for Vue.js.
  • FormSchema Native - Generate a form using JSON Schema and Vue.js
  • ic-formly - Simple form component powered by vue-formly.
  • Form Builder - Json template based form builder, based on Vue and Laravel.
  • vue-autofocus-directive - Vue autofocus directive.
  • vue-awesome-form - A vue.js component just like json-editor
  • vue-form-components - Clean & minimal vue form elements with validation
  • v-ajax-form - vue.js component plug-in to make Form tag compatible with ajax request
  • Vue Formulate - The easiest way to build forms with Vue. Validation, error handling, form generation, comprehensive documentation, and more.
  • Reforms.js - Vue 3 and Bootstrap forms and cards generator. Validation, multiple fields, grouping, schema and more.
  • FormKit - Vue 3 form development. 10x faster. Form inputs, validation, submission, error handling, generation, accessibility, theming, and more.
  • vrf - Declarative scalable ui-agnostic markup-based Vue forms.
  • tracked-instance - Build large forms and track all changes.
Validation
  • vee-validate - Simple Vue.js input validation plugin.
  • vue-rawmodel - RawModel.js plugin for Vue.js v2. Form validation has never been easier.
  • vuelidate - Simple, lightweight model-based validation for Vue.js.
  • simple-vue-validator - A simple yet flexible validator library for vue.js.
  • vue-vform - Vue.js 2 form component that integrates jQuery Validation and Axios.
  • vue-form - Comprehensive form validation for Vue.js.
  • vuelidation - simple, powerful, vuejs validation.
  • laravel-vue-validator - Display errors from laravel validation rules
  • vue-daval - Super vue data validator. Easiness, simplicity, accurate.
  • willvalidate - Validation Forms for Vue.js.
  • vue-isyourpasswordsafe - A small utility written in Vue that checks if the given password has been leaked against the Have I Been Pwned API.
  • vue-form-send - A Vue.js directive for sending data from form and primitive validation
  • FormVuelar - Vue form components with server-side validation in mind
  • vue-final-validate - Vue validation solution from my development experience, support nested, async.
  • vform - A simple way to handle Laravel back-end validation in Vue.
  • vue-form-container - A Provider Component that encapsulates your forms and handles their states and validations.
  • ps-validation - A Vue plugin that provides out-of-the-box data validation rules, very much inspired by the Laravel validation system.
  • vue-laravel-errors - A Vue.JS plugin that adds a global mixin which can be used to fill an errors variable from a laravel error response and display it as an object or array, can also be used as a local mixin.
  • vue-input-validator - 🛡️ Highly extensible & customizable input validator for Vue 2
  • @vuito/vue - Simple, lightweight, isomorphic, and template-based validation library.
  • vue-tiny-validate - Tiny (2.5KB minified) Vue Validate Composition.
  • vest - 🦺 Declarative form validation framework inspired by unit testing.
  • VFM - Vue driven form management tool.
  • vorms - Vue Form Validate with Composition API.

Resize

  • vue-not-visible - Vue directive for removing from dom (like v-if) element on screen smaller than breakpoints.
  • vue-window-size - Provides reactivity window size properties.
  • vue-responsive-text - ↔ Component that scales its child node in relation to its parent node's width
  • v-hide - v-hide directive to accompany v-if and v-show. Keeps layout space in the DOM

Scroll

Set window scroll position

  • vue-chat-scroll - Automatic scroll-to-bottom directive for Vue.js 2.0.
  • vue-scrollto - Adds a directive that listens for click events and scrolls to elements.
  • vue-next-level-scroll - A component based and SSR ready approach to smooth scrolling using the modern Scroll behavior API
  • vue-scroll-sync - A component that synchronizes containers’ scroll positions
  • v-scroll-lock - A Vue.js directive for body scroll locking without breaking scrolling of a target element
  • vue2-perfect-scrollbar - PerfectScrollbar minimalistic wrapper
  • vue-scroll-to - Adds a directive that listens for click events and scrolls to elements.
  • vue-scroll-progressbar - A customizable component that indicates the scroll relative position in a progressbar.
  • vue-backtotop - A Back-to-top component for Vue.js, which scroll page to the top when clicked.

Virtual scrollbar

  • VBar - The virtual responsive cross-browser scrollbar component for Vue.js 2x.
  • Vuebar - Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.
  • vue-detached-scrollbar - A simple scrollbar that can be detached from the container it is scrolling.
  • vuescroll - A scrolling plugin based on Vue.js for uniforming the scrolling in PC and mobile.
  • vue-simplebar - Vue.js wrapper for simplebar plugin.
  • smooth-vuebar - Vue directive wrapper for smooth-scrollbar

Detect when components enter viewport

  • vue-scrollview - A component utilizing scoped slots to detect when a vue component enters and leaves the viewport.
  • vue-scrollactive - Adds an active class in a menu item based on the current section in viewport, also scrolling to the section when clicking the menu item.
  • vue-intersect - A Vue component to add intersection-observer to a Vue component or HTML element.
  • vue-scrollmonitor - A Vue plugin to watch visibility state of elements inside viewport with a wide range of browsers supported (use provide/inject so compat vue@2.2.x)
  • vue-stroll - An Awesome CSS3 list scroll effects component for Vue.js 2.x.
  • navscroll-js - Highlights menu items as you scroll, and also scrolls to a section when a menu item clicked. Use as a vue component, a vue directive or with vanilla js.
  • vue-scrollwatch - A light plugin detecting scroll event,customize callback when element enter viewport,expose 'scrollTo' api to scroll to specific element .Using vue directive.
  • vue-check-view - A plugin that checks if element is in viewport. Fast, small, has no dependencies, live demo.
  • vue-stickto - A vue directive that supports multiple DOM nodes stick to top automatically
  • vue2-scrollspy - A scrollspy plugin and animated scroll-to.
  • vue-trip-wire - A custom directive for firing functions when an element reaches a designated point in the viewport, with option to import module with globally accessible functions.
  • v-intersect - A Vue directive and component that detect element when it's visible or hidden on viewport
  • vue-scrollama - A Vue component to easily setup scroll-driven interactions (aka scrollytelling).
  • vue-use-active-scroll - Highlight Vue 3 menu/sidebar links without compromises.

Customize the scroll behavior

Seamless scrolling

Routing

Lazy Load

  • vue-lazyload - A Vue.js plugin for lazyload your Image or Component in your application.
  • vue-lazy-background-images - Lazy load background images for Vue 2.
  • vue-progressive-image - Vue progressive image loading plugin.
  • vue-l-lazyload - A lazyload plugin for Vue.js v2.x+.
  • vue-lazyload-img - Especially optimized for mobile browser. support V2 & v1.
  • vue-lazy-images - A plugin of lazyload images for Vue 2.x.
  • v-lazy-img - Tiny (<0.6kb) directive for progressive image loading for Vue 2.
  • vue-clazy-load - Lightweight transitionable image lazy loading component using IntersecionObserver for Vue 2.
  • vue-lazy-this - Lazyloading component using Intersection Observer API.
  • v2-lazy-list - A simple lazy-load list component based Vue 2.x
  • pimg - A Simple Progressive Image Component used for lazy loading images.
  • vue-tiny-lazyload-img - A small size Vue.js v.2+ directive for lazy loading images
  • vue-lazy-youtube-video - A simple Vue.js component for lazy loading YouTube videos.
  • lazyload-vue- Vue Plugin for vanilla-lazyload.
  • vue-lazy-loading - A vue plugin to better supporting native lazy-loading for image and iframe.
  • v-lazy-component - Vue component render when visible. Uses Intersection Observer API.
  • vue-lazy - Lightweight Image/Picture lazyload based on Intersection API
  • vue3-lazyload - Vue module for lazy-loading images in your vue 3 applications.

Pagination

  • vue-paginate - A simple vue.js plugin to paginate data.
  • vue-pagination-2 - Vue.js 2 pagination component.
  • vuejs-uib-pagination - Best and complete pagination plugin for Vue.js. Inspired in Angular Bootstrap Pagination.
  • vuejs-paginate - A Vue.js(v2.x+) component for creating pagination.
  • vue-pagination-bootstrap - A Vue.js (1.x & 2.x) server-side paging component with a template based on Bootstrap
  • laravel-vue-semantic-ui-pagination - A Vue.js 2.x pagination used with Laravel & Semantic-UI.
  • vue-paginate-al - Vue paginate with return your data.
  • vue-tiny-pagination - A Vue component for create a tiny pagination.
  • laravel-vue-pagination - A Vue.js pagination component for Laravel paginators that works with Bootstrap.
  • vue-lpage - Low-level Vue pagination component.
  • v-page - A simple pagination bar, including length Menu, i18n support, based on Vue2.x.
  • vue-smart-pagination - Smart pagination of any data with a lot of nice settings.
  • vue-paginatron - Pagination component built with scoped-slot props for maximum flexibility.
  • vue-ads-pagination - A vue pagination component build with the css framework tailwindcss
  • v-pagy - A lightweight and customizable Bootstrap Pagination for Vue.
  • v-paginator - Simple page-by-page navigation for Vue.js based on your html templates with ssr support.
  • vue-use-paginator - Vue 3 use-hook to reactively paginate data and arrange paginator buttons. Completely renderless.
  • vueginate - A simple pagination component for Vue 3
  • vue-pagination - A non-style pagination with composable that can integrate with any frameworks.

Animation

  • vue-animate - A Vue.js port of Animate.css. For use with Vue's built-in transitions.
  • animated-vue - A Vue.js 2.x plugin to easily use Animate.css animations as transitions. As easy as <animated-tada>!
  • vue-lottie - A Vue.js 2.x plugin to render after effects animations based on bodymovin
  • Vueg - Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
  • v-animate-css - The easiest to implement Vue 2 directive for Animate.css
  • vue-mixin-tween - Mixin factory that adds tweened values to component context for animations
  • v-odometer - Smoothly transitions numbers with ease. Use this library to give your application a smooth animation, only applicable on numbers.
  • vue2-transitions ✨ Reusable Vue 2 transition components
  • vue-overdrive Super easy magic-move transitions for Vue apps 🎩
  • animated-number-vue Super easy way to animate numbers.
  • vue-typed-js Typed.js integration to easily create typing animations.
  • vue-parent-change-transition Enable a child components to animate when it changes the parent.
  • vue-smooth-reflow Transition an elements reflow in response to data changes.
  • VueTween Allows components to tween their properties.
  • vue-slide-up-down Like jQuery's slideUp / slideDown, but for Vue!
  • vue-animejs Simple anime.js directives for Vue.
  • Eagle.js Eagle.js is a web-based slideshow framework for Vue.js.
  • vue-slide-up-down-component It is a simple interface but realizes very flexible and powerful slide animation, for Vue!
  • femtoTween A minimalistic (zero-dep, less than 1k) tweening library with first-class Vue support
  • vue-sequential-entrance Plugin for creating elegant sequential animation entrances with a list of elements of your page. Zero effort. Simple and lightweight
  • vue-animate-scroll Super lightweight way to add CSS animations to elements as they scroll into view.
  • vue-svg-transition Create 2-state, SVG-powered transitions
  • vue-page-transition Easy route / page transitions for Vue.js
  • Vuenime A flexible Vue wrapper for Animejs
  • vue-flipper - A component to flip children with a nice transition.
  • v-number Animated number transition library for Vue.js
  • vue-kinesis A set of components to create interactive animations
  • vue-digital-transform A vue component for better digital transform animation
  • vue-typical 🐡 Vue Animated typing in ~400 bytes of JavaScript.
  • vue3-lottie A component for importing and displaying Lottie animations in Vue 3
  • @morev/vue-transitions Transitions library for Vue 2 and 3 with no CSS needed
  • @formkit/auto-animate Add motion to your apps with a single line of code
  • vue-contextual-transition Easy-ish cross-browser transitioning between pages with shared elements and/or sequential order
  • blottie Lottie component for Vue 3
  • vue-countup-v3 A Vue 3 Component for animation counting.
  • vue-starport 🛰 Shared component across routes with animations

Meta Tags

Manage meta information in the document head

  • vue-head - Manage the meta information of the head tag, a simple and easy way.
  • vue-meta - Manage page meta info in Vue 2.0 components. SSR + Streaming supported.
  • vue-headful - Set document <title> and meta tags from within your views.
  • vue-simple-headful - Easily set meta-tags with vue.js - a simpler vue-headful alternative with TypeScript support.

Portal

Move a DOM node to a target DOM node

  • vue-dom-portal - An escape hatch for DOM Elements in Vue.js components.
  • portal-vue - A Vue Plugin to render your component's template anywhere in the DOM (Works on the virtualDOM level, doesn't move nodes within the DOM)

Filters

SVG

  • vue-svgicon - A tool to create svg icon components. (vue 2.x).
  • vue-content-loading - Vue component to easily build (or use presets) SVG loading cards Facebook like.
  • vue-annotator - Annotate page using any SVG Element (rect, polygon, and many more, even HTML Element like canvas if wrapped in foreignObject)
  • vue-svg-sprite - A plugin, component or directive to simply use SVG sprite (vue 3.x, vue 2.x).
  • vue-svg-filler - Vue component for custom your svg file 🖍 🎨 (vue 2.x).
  • vue-inline-svg - Vue component loads an SVG source dynamically and inline <svg> so you can manipulate the style of it with CSS or JS. (vue 2.x, vue 3.x)

Miscellaneous

  • vue-resource-progressbar-interceptor - Interceptor that ties a progressbar to all requests, that it is clear that something is loading.
  • vue-images-loaded - Vue.js 2.0 directive to detect images loading.
  • vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility.
  • vue-resize-sensor - Component to detect container resizing (event-based)
  • v-blur - Vue directive to blur an element dynamically
  • vue-async-methods - Helper utilities for promise based methods
  • vue-openseadragon - OpenSeaDragon component for Vue.js (zoom and pan)
  • vue-match-heights - Directive to set heights of elements to be the same.
  • vue-conditional-attrs - A Vue.js component for conditional rendering attributes and directives
  • vue-cbsc - A Vue.js 2.x component for programmatically blender, shader and convert colors.
  • vue-spatialnavigation - Vue directive (Vue.js 2.x) for spatial navigation (keyboard navigation)
  • vue-lifecycle - A Vue.js lifecycle directives.
  • v-aspect-ratio - Vue.js directive for setting an aspect ratio.
  • @kooljay82/vue-m-camera - To avoid changing orientation of photo automatically which is taken via camera of user's device.
  • v-ripple-directive - Vue.js directive for ripple effect.
  • vue-material-design-ripple - Add material design ripple to any element. Use any ripple color you want. No performance issues. Mobile friendly. No dependencies. It just works.
  • v-github-icon - easily add "that" tiny GitHub icon on the right/left corner of your Vue components/libraries demos' 🤙
  • vue-styled-shadows - Component based styled shadow patterns for images.
  • v-visible - Vue.js directive for setting visibility of an element.
  • vue-web-otp - Vue.js component to work with browser's WebOTP API to receive OTPs over SMS
  • v-privacy - Vue3 plugin that allows to manage the privacy of an HTML element by blurring its content

WebGL

  • vue-3d-model - A 3D model viewer in Vue component.
  • vue-pano - A panorama viewer in Vue component.
  • vue-threejs - Vue bindings for Three.js.
  • VueGL - Vue.js components rendering 3D graphics reactively via three.js
  • vue-vr - A framework for building VR applications with Vue based on threejs and Panolens, inspired by react-vr
  • vue-displacement-slideshow - A Vue.js component that makes Webgl image displacement transitions easier.
  • vue-fake3d-image-effect - An interactive 3D fake-effect for images with depth maps in WebGL.
  • drie - A Vue 3 component library for three.js inspired by react-three-fiber.
  • TresJs - Declarative ThreeJS using Vue Components
  • Cientos - Collection of useful helpers and fully functional, ready-made abstractions for TresJs
  • trois - ✨ ThreeJS + VueJS 3 + ViteJS ⚡

Fullscreen

  • vue-fullscreen - A simple Vue component for fullscreen, support Vue2 and Vue3.

Page visibility

Printing

  • vue-html-to-paper - Vue mixin for paper printing html elements to paper.
  • vue-to-print - Print Vue 3 components in the browser. Supports Chrome, Safari, Firefox and EDGE.

Utilities

Utilities not directly related to the UI

  • vue-underscore - simple vue plugin to implement underscore
  • vue-lazy-calc - A simple calculation plugin in lazy && chaining way with strong typed.
  • vue-loadable - A plugin to improve loading state control with pretty simple methods, decorators and helpers.
  • vueuse - Collection of essential Vue Composition API utils works for Vue 2.x and 3.x.
  • vue-composable - Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +30 variable composable functions.
  • vue-condition-watcher - 🕶 Vue Composition API for automatic fetch data when condition has been changed.
  • vue-use - Use magic Vue Composition APIs to provide a lot of reusable logic, such as form, table and loading, etc.
  • vue-concurrency - library for encapsulating asynchronous operations and managing concurrency for Vue and Composition API.
  • vue-ics - Vue.js plugin for generating ICalendar (.ics) files.
  • vue-use-switch-map - 👽 The power of the RxJS switchMap operator injected into the Vue composition world.
  • vue-use-infinite-scroll - ♾️ A Vue composition function that makes infinite scroll a breeze.
  • vue-with-wrapper - A object deconstruction used in template
  • vesselize - ⛵ A JavaScript IoC container that works seamlessly with Vue.js.
  • vue-context-composition - share state created with the composition API between components, similar to useContext from React Hooks
  • vuex-overlay-tools - 🛠 A Vue 3 plugin for monitoring Vuex store (time-travel is also supported)
  • vuse-rx - Complete first-class rxjs support for Vue 3
  • vue-props-validation - Vue props validation logic extracted for nested validations in objects and arrays using the Vue native syntax.
  • vue-next-rx - Complete RxJS integration for Vue.js. (Update of vue-rx)
  • fontawesome-autogen - Automatically detect and import fontawesome icons used in your webapp.
  • vue-macros - Explore and extend more macros and syntax sugar to Vue.
  • unplugin-vue-components - 📲 On-demand components auto importing for Vue.
  • unplugin-auto-import - Auto import Vue APIs on-demand for Vite, Webpack and Rollup.

Typescript

HTTP Requests

Retrieve data over HTTP

  • vue-resource - The HTTP client for Vue.js.
  • vue-async-computed - Async computed properties for Vue.js.
  • vue-jsonp - A tiny library for handling JSONP request.
  • v-model - V-Model is a model plugin for Vue.js, like ng-resource.
  • vue-resource-mock - A helper to mock your http response, based on vue-resource's interceptor.
  • vue-async-data-2 - Async data loading plugin for Vue.js.
  • vue-api-request - A plugin that provides full control on your APIs, making your request simple, fast, and easy to implement.
  • vue-fast-axios - Make requests with validations in a simple and beautiful way.
  • vue-async-properties - An asyncData and asyncComputed plugin with support for debouncing, transforming results, error handlers, loading/pending flags, lazy/eager requests.
  • vue-axios-plugin - A plugin that combines axios with Vuejs, making http request more easier.
  • zipkin-instrumentation-vue-resource - An interceptor for vue-resource that instruments outgoing HTTP requests with Zipkin
  • vue-api-query - Elegant and simple way to build requests for REST API.
  • vue-chimera - A full-featured RESTful resource based client, compatible with Nuxt.js and allows server-side fetch.
  • vue-apis - A vue plug-in integrated with axios that chain-builds API instances. Available from the context of a vue instance (eg: this.$apis.apiName()).
  • rexios - Utils normalize url, data, params for axios when using rest api request.
  • vue-axillo - Composable Axios for REST API with query notation GraphQL.
  • vue-request - ⚡️ Vue 3 Composable for data fetching, supports SWR, polling, error retry, cache request, pagination, and other cool features.
  • swrv - Stale-while-revalidate data fetching for Vue.
  • vue-vroom - A plugin for REST APIs, that lets you quickly generate type safe stores and a mock API with minimal config.
  • tanstack-query - Powerful asynchronous state management.

i18n

Internationalization / L10n / localization / translation

  • vue-i18n - Internationalization plugin for Vue.js.
  • vue-translate-plugin - VueJS plugin for translations.
  • vuex-i18n - Localization plugin for vue.js 2.0 using vuex as store.
  • vue-gettext - Translate your Vue.js applications with gettext.
  • vue-i18n - A small plugin for implementing translations in Vue.js.
  • vue-multilanguage - Support many languages in Vue.js 2.
  • vue-ts-locale - A plugin for implementing translations using Intl in Vue.js 2 with typescript support.
  • vue-i18next - A i18next wrapper to support translations in Vue.js 2.
  • vue-polyglot - Basic translation plugin for Vue.js 2 with async loading.
  • v-localize - Simple localization plugin for the amazing Vue.js.
  • vue-simple-i18n - Probably the thinnest library to end all Vue i18n solutions within 1kb
  • template-string-i18n - I18n using template strings with auto save/load translate documents.
  • vue-translations - Translate your vuejs application easy with it.
  • vue-i18n-service - Export and import vue-i18n's SFC translations.
  • vue-i18n-filter - Vue filter extend for Vue-i18n, simply using {{ hello world | t }}.
  • vue-translation-manager - Interactively find and translate strings in your Vue.js application. Works well with vue-18n and vuex-i18n.
  • vue-t9n - Simplest way to translate your applications
  • vue-simple-inline-translation - A Vue component that simplifies the way text is translated: by translating it inline.
  • vue-i18n-extract - Manage vue-i18n localization with static analysis. Make reports about missing and unused i18n entries.
  • vscode-vue-i18n-ally - VSCode extension for better Vue-i18n experiences.
  • v-intl - Global Intl wrapper for your awesome Vue 3 app 🔉
  • excel-vue-i18n - A plugin transforms excel file to i18n json format for translations.
  • vue-i18n-lite - A super lightweight and minimal plugin that introduces internationalization into your Vue.js app with a simple API.
  • v-google-translate - A component that use google translate to internationalize your Vue.js app.
  • fluent-vue - Internationalization plugin for Vue.js (2 and 3). Vue.js integration for Fluent.js - JavaScript implementation of Project Fluent
  • localize-vue-2x - Uni Localization Vue 2 integration example. Customizable Language Menu widget built with Web Components.
  • localize-vue-3x - Uni Localization Vue 3 integration example. Customizable Language Menu widget built with Web Components.
  • vue-next-i18n - A lightweight internationalization plugin for Vue 3.
  • tolgee/vue - Web-based localization tool enabling users to translate directly in the Vue 3 app they develop.
  • excel-to-json - A easy tool is created to convert Excel to JSON for i18n.
  • intlify/vue-i18n-next - Vue I18n for Vue 3.
  • i18n-pro/vue - Lightweight, simple, flexible, automatic translation internationalization tool for Vue.
  • i18n-pro/vue2 - Lightweight, simple, flexible, automatic translation internationalization tool for Vue 2.

Custom Events

  • vue-events - Simple event handling for Vue.js.
  • vue-event-handler - Event handling plugin for VueJS.
  • vue-event-manager - The global event manager for Vue.js.
  • vue-geb - A global event bus using Observables.
  • vue-bus - Tiny simple central event bus plugin for Vue.js 2.
  • vue-simple-events - Yet another event management plugin, but WITHOUT Vue instance
  • vue-option-events - Bring Vue.js 1 events option and $emit to Vue.js 2.
  • vue-emit - A helper function to emit events from functional components.
  • vue-plugin-events - Simple global event bus for Vue.js applications with automatic subscription control.
  • vue3-custom-hooks - Build custom hooks for Vue.js 3 Composition API.
  • vue-catch-hrefs - Catch clicks on hrefs links (in v-html) and route them to vue-router.
  • mitt - 🥊 Tiny 200 byte functional event emitter / pubsub.

Persistence

LocalStorage etc.

  • vue-localstorage - Vue.js localStorage plugin with types support.
  • vue-ls - Vue plugin for work with LocalStorage from Vue context.
  • vue-pouch - Live and reactive bindings for PouchDB. Persist data in IndexedDB and sync with CouchDB.
  • vue-idb - Lists and huge lists management with IndexedDB (Dexie.js) only or automatically created and extendible vuex modules
  • vue-browserstore - Browser storage wrapper.
  • VueStorage - Allows components to save and load their data across browser sessions.
  • vue-web-storage Another Vue.js plugin for localStorage and sessionStorage
  • vue-universal-cookies Isomorphic cookies plugin for Vue.js / Nuxt.js supports Browser, Express, http (node).
  • vue2-storage Browser storage for Vue.js app
  • vue-warehouse A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js.
  • vue-storage-watcher / Vue 3 version - A reactive localStorage/sessionStorage plugin for Vue.js with strong typed for Vue 2 / Vue 3.
  • vue-use-local-storage - A composition api to persist and rehydrate reactive data to local storage for vue 3.

State Management

  • vuex - Centralized State Management for Vue.js.
  • vue-sync - Synchronize Vue State with the Browser URL, Server Backend, and other endpoints.
  • vuelm - Lightweight state management inspired by Elm architecture.
  • vuez - A simple but powerful State Management for Vue.js, with only 2 APIs.
  • vuet - Vue.js state management model for Agile Development
  • vue-ya-stash - Yet Another stash storage with update/patch event emitters similar with v-bind.sync
  • vue-assign-model - Automatically assign elements value to model for Vue.js.
  • vue-stash - Easily share reactive data between your Vue components.
  • vue-model - Model component for Vue.js
  • tuex - A mostly reasonable alternative to Vuex.
  • revuejs - A tiny, light and handy state management for vuejs 2, writing less verbose code.
  • lue - Vue and vuex based library, writing less verbose code.
  • vuex-lite - A 1KB Vuex with just state and mutations.
  • vue-shared - A light and simple alternative to vuex
  • vuex-module-generator - It allows you to create a vuex module easily.
  • vuex-declaration - Declare state like props, make state inject to vuex dynamically when component created.
  • vuex-up - Brings mixing and services injector features to module vuex.
  • effector — Fast and powerful reactive state manager. Effector lets you write simple, fast and type safe code and manage reactive state with ease.
  • nano-state-vue - Efficient, effective, and extensible state management: less is more
  • universal-model-vue - Unified state management for Vue (and also for Angular/React/Svelte)
  • vue-states - State management system for Vue with same API as Vue components
  • v-bucket - 📦 Fast, Simple, and Lightweight State Management for Vue 3.0 built with composition API, inspired by Vuex.
  • VueFort - Data modeling for Vue. Works for Vue 2 & 3.
  • @korijn/vue-store - Lightweight Vue 3 composition API-compatible store pattern library with undo/redo.
  • vuex-light - State management system with robust typing for Vue 3
  • vue-object-state - Simple object/dto/model state tracking
  • vue-datatable-url-sync - Synchronize datatable options and filters with the url to keep user preference even after refresh or navigation
  • vue-path-store - Simple state management that uses the dot notation path syntax, also comes with Vuex and Pinia plugins.
  • pinia - 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support.
  • harlem - Simple, unopinionated, lightweight and extensible state management for Vue 3
  • hami-vuex - 🍈 Hami melon flavored Vuex, modular by design, completely TypeScript intelligence, state management for Vue.js.
  • exome - Simple proxy based state manager for deeply nested states.
Redux
Mobx
  • mobx-vue-lite - Lightweight Vue 3 bindings for MobX based on Composition API.
  • mobx-vue - Vue 2 bindings for MobX.
Pinia
  • pinia-shared-state - A lightweight plugin to sync your pinia state across browser tabs.
  • pinia-undo - Undo/Redo plugin for pinia.
  • pinia-xstate - Put your xstate state machines into a global pinia store.
  • pinia-persistedstate - Persist Vuex state with localStorage, like vuex-persistedstate.
  • pinia-orm - The Pinia plugin to enable Object-Relational Mapping access to the Pinia Store. 🍍
  • pinia-di - Dependency injection for pinia.
  • pinia-persistedstate-2 - Persist and rehydrate your Pinia state between page reloads.
Authentication/Authorization
  • vue-kindergarten
  • vue-authenticate - Simple Vue.js authentication library for login/register and OAuth (1.0/2.0) authentication
  • vue-facebook-account-kit - Simple vue wrapper to the fb account kit library.
  • casl-vue - Restricts what resources a given user is allowed to access
  • vue-google-api - A wrapper for easy integration of the Google's APIs client in any vue.js 2 project, based on promises, with built-in Oauth2 "Sign In with Google" facilities.
  • vue-auth - A simple light-weight authentication library for Vue.js
  • vue-auth-plugin - A simple authentication and authorization library for Vue.js using typescript
  • vue-google-signin-button - A simple Vue plugin to include a Google sign-in button into your web app
  • vue-facebook-signin-button - A simple plugin to include a custom Facebook sign-in button into your web app
  • vue-auth-href - A VueJS directive for downloading files that are under a protected route schema
  • vue-msal - Vue plugin for using Microsoft Authentication Library (MSAL)
  • vue-simple-acl - A simple unopinionated Vue plugin for managing user roles and permissions, access-control list (ACL) and role-based access control (RBAC).
Vuex Utilities
  • vuex-persistedstate - Persist Vuex state with localStorage.
  • vuex-plugin-jsdata - A plugin for syncing Vuex store with js-data.
  • vuex-local - Local state management within Vuex.
  • vuex-action - Utilities for vuex to easily create and manage actions.
  • vuex-rest-api - A Helper utility to simplify the usage of REST APIs with Vuex. Based on axios.
  • vuex-cache - A Vuex plugin utility to cache action those will make remote request.
  • vuex-persist - A Typescript-ready Vuex plugin to help save the store to localStorage or any custom Storage (that you can configure).
  • vuex-local-state - Add 'localState/sessionState' options to vuex. Keep the Vuex state with localStorage.
  • vuex-action-reload - A vuex plugin that reloads actions when a condition is met.
  • vuejs-storage - Vue.js and vuex plugin to persistence data with localStorage/sessionStorage.
  • vuex-orm - The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.
  • vuex-async-module - Reduce async boilerplate code generating Vuex modules. Compatible with Vue 2.x.
  • vuex-iframe-sync - Vuex state synchronization between iframe/window.
  • vuex-aspect - Bind remote data of any kind to the vuex store.
  • Vuenut - is a component to develop faster and more fluently.
  • vuex-map-fields - Enable two-way data binding for form fields.
  • vuex-search - Vuex binding for client-side search with indexers and Web Workers.
  • vuex-pathify - provides a unified path syntax to Vuex stores (such as foo/bar@a.b.c)
  • vuex-loading - Simplify vuex loading state management
  • vuex-module-builder - Vuex module builder is a wrapper for writing vuex stores efficiently with some common methods built-in.
  • vuex-pagination - Easily work with paginated resources in your Vue/Vuex application. Works well with most of the Vue pagination components.
  • vuex-easy-firestore - Easy coupling of Firebase Cloud Firestore and Vuex. 2-way sync with 0 boilerplate!
  • vuex-listener - A global Vuex action and mutation listener plugin
  • jsonapi-vuex - Use a JSONAPI api with a Vuex store, with client-side restructuring/normalization of records.
  • vuexi - provides utilities to simplify async actions and state management
  • stfalcon-vuex-loading-plugin - the easiest way to handle loading state of vuex
  • Vue Rest Resource - Rest HTTP resource management for Vue.js and Vuex projects.
  • Vuex Stateshot - 💾 A State Snapshot plugin on Actions/Mutations for Vuex3.1+.
  • vuex-loopback - Vuex module factory and Vue components for Loopback.
  • vuex-state-snapshot - A Vuex plugin to take state snapshot on mutation.
  • vuex-awesome-async - It wraps Vuex stores to easily manage async requests (loading, error and cache state).
  • vuex-factories - Factory functions to generate vuex actions and mutations.
  • vuex-hooks - Typescript enabled vuex composition-api hooks.
  • vuex-composition - A util package to use Vuex with Composition API and Reactivity API easily.
  • vuex-composition-helpers - A util package to use Vuex with Composition API easily.
  • vuex-ts-enhance - A tool to enhance mapXXX and dispatch methods hint
  • vuex-masked-modules - A Vuex plugin put data structure of the module in localStorage, with the ability to mask or encrypt the data to make it difficult to explore. Designed for Vue 3 and Vuex 4.
Sync Between Tabs

GraphQL

  • vue-apollo - Apollo/GraphQL integration for VueJS.
  • vue-relay - A framework for building GraphQL-driven Vue.js applications.
  • vuex-orm-apollo - Apollo/GraphQL integration for Vuex-ORM.
  • apollo-vue-devtools - Apollo integration for Vue-Devtools to inspect GraphQL queries in the vue-devtools timeline

Concurrency Management

  • vuency - Concurrency management for Vue.js.

Code Style

Improve readability of code

CSS

  • vue-bem-cn - Simple BEM class name generator for Vue.JS.
  • vue-css - Vue.js plugin that allows you to bundle CSS with your components.
  • vue-mods-names - Adding modificators to class names for all components in app.
  • vue-styler - Simple, performant styler for vue.
  • vue-css-modules - Seamless mapping of class names to CSS Modules inside of Vue components.
  • vue-simple-bem - Directive with succint syntax for adding BEM class names to elements.
  • fela-vue - CSS-IN-JS mixin for Vue designed for flexibility yet team-oriented.
  • j-vue
  • vue-spinners-css - Collection of pure CSS vue spinners components, css spinners for ajax or loading animation based on loading.io.
  • vue-css-doodle - Porting of css-doodle, a web component for drawing patterns with CSS.

Asset Management

Utilities for building / compiling / bundling / loading assets

  • vue-script2 - Standardized, designer-friendly script tag behavior for your Single Page App.
  • vue-loader - Webpack loader for Vue.js components.
  • vueify - Browserify transform for single-file Vue components.
  • vue-compiler - A simple cli wrapper around the vue-component-compiler.
  • vue-brunch - Adds support to Brunch for pre-compiling single file Vue components.
  • poi - Start writing an app with a single .js file, Poi could handle all the development setups for you, no more configuration hell.
  • http-vue-loader - Load .vue files directly from your html/js without node.js environment nor build step.
  • vue-jsx-hot-loader - Enable HMR for Vue.js components with JSX render functions.
  • VueInBrowserLoader - Loads a .vue file from the given URL and compiles it to a component directly in the browser.
  • vue-separate-files-webpack-loader - Webpack loader for separated Vue components parts
  • vue-svg-loader - webpack loader that lets you use SVG files as Vue components
  • vue-registrar - ☘️ A package that dynamically registers your components and vuex modules - Makes your code a lot readable!
  • vue-automatic-import-loader - webpack loader that auto import your Vue single file components by using a match function.
  • vue-aimg-loader - A easy way to use image in Vue template without write css.
  • vite-svg-loader - Vite plugin to load SVG files as Vue components
  • vue-sfc-split - Convert SFCs for native browser use without build
  • webpack-plugin-qiniu-upload - Vue3,webpack-plugin-qiniu-upload for qiniu(七牛)|aws(亚马逊) cloud upload. support @vue/cli-service 5.0.x
  • vite-plugin-svg-sfc Vite plugin to load SVG file as vue SFC, supports HMR &