Library is compatible with Vue 2 and 3 both, so there is second PR to another branch
108 KiB
Awesome Vue.js
A curated list of awesome things related to Vue.js
- [Awesome Vue.js ](#awesome-vuejs--)
- Resources
- Projects Using Vue.js
- Components & Libraries
- UI Components
- UI Layout
- Frameworks
- UI Utilities
- Utilities
- Integrations
- Dev Tools
- Scaffold
- Runtime
- Prerendering
Resources
Official Resources
External Resources
- Vue.js Newsletter - Weekly dose of handpicked Vue.js news
- Vue.js Wikipedia
- Vue News - Social website focusing on the latest Vue.js news and information.
- Vue School - Learn Vue.js from video courses by core members and industry experts
- VueDose. Tips & tricks about the Vue ecosystem, for busy devs.
- Vue.js DEV Community - Official tag for the Vue.js JavaScript Framework on DEV.to
- Vue.js Online Courses Directory - Vue.js courses from top e-learning platforms curated by Classpert, a online course search engine.
- WebTechSurvey.com - An extensive list of websites created with the Vue.js Javascript framework.
- Vue Mastery - The ultimate learning resource for Vue developers
- Vue 3 Video Playlist - Amazing Vue 3 tutorials and experiments
Job Portal
- Vue.js Jobs - VueJobs - A Vue.js job portal to hire or get hired for all your Vue.js jobs.
- Vue.js Interview Questions - A List of 300 VueJS Interview Questions and Answers
- Prokarman Resume Builder - A Free Resume Builder for crafting resumes for your dream job.
Community
- Official Forum
- vue-requests - Request a Vue.js module you wish existed or get ideas for modules
- VueJS Iran - Telegram Channel & group (group link available in channel bio)
- vueslack - 2300+ registered users worldwide
- Vue Land - Discord chat server
- VueJS Russia - Telegram Group [Russian]
- VueJS Viet Nam - Facebook group
- VueJS Thailand - Facebook Group
- VueJS Brasil - Telegram Group [Portuguese]
- VueJS Brasil - Facebook Page [Portuguese]
- VueJS Brasil - Facebook Group [Portuguese]
- VueJS en español - Facebook Group [Spanish]
- VueJS India 🇮🇳 - Discord chat server
- VueJS Indonesia - Telegram Group [Indonesian]
- VueJS Indonesia - Facebook Group [Indonesian]
- VueJS Indonesia - Meetup Page [Indonesian]
- VueJS Hong Kong - Facebook group
- VueJS Arab - Telegram Group
- VueJS Vix - Telegram Group [Portuguese]
- VueJS Vix - Meetup Page [Portuguese]
- VueJS Norway - Meetup
- VueJS Israel 🇮🇱 - Facebook Page
- VueJS Finland - Meetup
- VueJS Finland - Facebook Page
- Hablemos de Vue.js - Telegram Group [Castellano]
- VueBLR - Meetup
- VueBLR - WhatsApp Group
- VueBLR - Facebook Group
- VueJS USA - Meetups
- VueJS CZ/SK - Discord group
- VueJS DOM - WhatsApp group
- VueJS DOM - Facebook group
- VueJS Uzbekistan - Telegram Group [Uzbek]
- VueJS Turkey - Telegram Group
- Vue Turkey - Twitter Account
- Vue Türkiye - Kommunity Page
- VueJS Singapore - Telegram Group
Conferences
Podcasts
- Full Stack Radio #30 (11-23-2015)
- JavaScript Jabber #187 (11-25-2015)
- Changelog #184 (11-27-2015)
- Software Engineering Daily (12-29-2015)
- JavaScript Air 016 (03-30-2016)
- Codecasts #2 - Falando Sobre Vuejs e Web Components (2016-08-19) [pt-BR]
- Full Stack Radio #50 (09-21-2016)
- 和 Vue.js 框架的作者聊聊前端框架开发背后的故事 [zh-CN]
- MW S04E08 - Vue.js with Evan You and Sarah Drasner (04-27-2017)
- Request For Commits #12 - Crowdfunding Open Source (Vue.js) (06-15-2017)
- The Web Platform Podcast 132: Vue.js (07-27-2017)
- JavaScript Jabber #276 with Maximilian Schwarzmüller (08-29-2017)
- Animating VueJS with Sarah Drasner(Software Engineering Daily 01-12-2017)
- Views on Vue (weekly podcast on Vue started 03-06-2018)
- Vue podcast list via The QIT Tech Podcast Indexer
- DNE 138 - Vale a pena VueJS? (01-05-2018)
- Cynical Developer #99 (10-15-2018)
- Syntax #130 (03-27-2019)
- Enjoy the Vue: The new Vue.js podcast
Youtube Channels
Official Examples
Tutorials
Examples
Books
- Become a Ninja with Vue 3 by Cédric Exbrayat (English and French versions) (May, 2020)
Blog Posts
Courses
- Become a Ninja with Vue 3 - This course teaches how to build a complete application with Vue 3, step by step, using Vite, TypeScript and the Composition API. Each exercise comes with instructions and tests to check 100% of your code.
Documentaries
- Vue.js: The Documentary by Honeypot (Feb 2020)
Projects Using Vue.js
Open Source
- PageKit - Modular and lightweight CMS built with Symfony components and Vue.js.
- npmcharts.com - Compare npm packages and spot download trends.
- Koel - A personal music streaming server that works.
- Raven Reader - Simple RSS Reader made using atom electron and vue.js.
- Gokotta - A simple music player built by electron and vue.
- CoPilot - An admin portal based on AdminLTE with vue.js integration.
- Retrospectify - A simple tool for doing collaborative retrospectives in agile teams.
- jade-press - Cms based on mongodb, nodejs, koa, vue and more.
- astralapp - Organize Your GitHub Stars With Ease.
- EME - An Elegant Markdown Editor.
- Github-explorer - A spa which can help you check your github in a better way.
- Hotel - Start your dev servers from your browser and get local domains in seconds.
- Surfbird - A Twitter client written with modern web technologies.
- Approach0 - A math-aware search engine.
- Flox - Self Hosted Movie, Series and Anime Watch List.
- JavaScript Guessing Game - A game for identifying JavaScript tools and libraries.
- vue-ghpages-blog - A blog based on GitHub pages by Vue.js 2 + Webpack 2.
- Vuedo - Blog platform, built with Laravel and Vue.js.
- vue-music163 - A Vue.js project for music.
- Tomato5 - Real-time collaboration tool, it combines Pomodoro Technique with a team status share board.
- Web Learn - A service which provides simple access to thousands of video tutorials on web developing and programming.
- ExcelJSON - A tool to convert CSV, TSV to/from JSON.
- Materialize-blog - A material blog built with Laravel5.3 and Vue2.x.
- VueComponentGenerator - Generate vue single file component on browser.
- SDR News - News for web designers and developers aggregated from multiple sources (Reddit, Hacker News and Prominent Blogs).
- PJ Blog - Open source blog built with Laravel and Vue.js.
- Lulumi-browser - Lulumi-browser is a light weight browser coded with Vue.js 2 and Electron.
- vue-wordpress-pwa
- OpenAPI 3 viewer - Browse and test a REST API described with the OpenAPI 3.0 Specification
- Stacer - Linux System Optimizer and Monitoring
- Distrochooser.de - An orientation guide for Linux beginners
- Buka - EBook Management
- Docute - A framework for writing documentation without build process
- nativescript-vue - A Vue.js implementation of the NativeScript renderer.
- piper - A drag-and-drop mobile website builder base on Vue.
- mmf-blog-vue2 - A blog based on Vue2(Vue-router, Vuex) and Webpack2.
- Media Manager - Web File Manager.
- dyu/bookmarks - A self-contained, self-hosted bookmarking app powered by leveldb, built with Vue2.1.x.
- JSON Schema Editor - An intuitive editor for JSON schema. Develop with Vue.js 2 and Firebase.
- npm-stats - npm package download statistics dashboard
- vue2-admin-lte - a project that converts AdminLTE to work with Vuejs (v2.x).
- Dockeron - A project built on Electron + Vue.js for Docker on desktop.
- Flamme - An open source Tinder desktop client built with electron and Vue.js for educational purposes
- Goldfish - A HashiCorp Vault UI built with VueJS, Golang, and Bulma CSS
- promptie - A framework written in Vue.js for creating command-line like interfaces in web browsers.
- Hare - 🐇 Application boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js
- Paper-Dashboard -Creative Tim Paper Dashboard made for Vue
- AdminLTE-VueJS2 - An open source project that implements VueJS (v2.x) on AdminLTE.
- Material Dashboard - Creative Tim Material Dashboard made for Vue
- Explore-Github - VueJS 2 Github Explorer Using API v3
- CoreUI Vue Admin Template - Open Source Admin Template powered by Vue.js
- ChuckNorris - Chuck Norris Jokes Generator built with VueJS + api.chucknorris.io
- LeafPlayer - A simple and fast, privately hosted music streaming server.
- JSON Editor - A schema-aware JSON editor. Develop with Vue2.
- Voten - A Reddit-like platform built with Vue2 and Laravel.
- News Weaver - A web based RSS Reader/Aggregator made using VueJS and VuetifyJS
- Wake Up Billie Joe! - A web site countdown to October, based on Green Day's song Wake me up when September Ends. Created using Vue and Firebase.
- Astrum - A lightweight pattern library designed to be included with any web project.
- vue2-pwa-vision - A Face Detection Google Cloud Vision with Vue2 + Vuetify + Progressive Web App
- vue2-pwa-rekognition - A Face Detection Amazon Rekognition with Vue2 + Vuetify + Progressive Web App
- AmmoBin.ca - meta search site for online ammo prices across Canada
- SPA-asp.net-api-vuejs- - A Vue.js single page application for basic task Management & messaging using ASP .NET Webapi 2 and SQL server
- Book-Trading-Club - Trade or loan books with other book readers in your area. Built using nodejs and vuejs2
- 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
- vue-pwa-speech - A Speech to text With Google Cloud Speech on Vue2 + Vuetify + Progressive Web App
- vue-speech-streaming - A Performing Streaming Speech Recognition results in real time Speech To Text with Google Cloud Speech + socket.io on Progressive Web App
- My Animation List - A tool to easy get css animation code
- vue-input-streaming - A TextInput Streaming RealTime And Two Way Data Binding Broadcasting with Pusher
- TidyTab - A Chrome extension for tidying up those tabs.
- peregrine-cms - A Vue.js and Apache Sling based head-optional CMS
- concept-to-clinic - Lung cancer prediction project with Vue.js interface
- grid-awesome - Generate boilerplate css for grid layouts using the css display: grid; property.
- Light Bootstrap Dashboard - Creative Tim Light Bootstrap Dashboard made for Vue
- Hubaga - A free and lightweight WordPress eCommerce plugin for developers and other digital shops.
- vue-webpack-buefy - Vue.js starter with full-featured Webpack and Buefy
- Coypu - Text-editor-like weekly planner
- core-server - Highly scalable VueJs framework with an integrated API system, and multiple advanced features.
- discord-logo - A Vue.js animated discord logo generator based on SVGs. (Github Page)
- node-vue-template - A starter template for building complete application using Node.js (API) and Vue.js (SPA) with some included packages and configurations to help start the development quickly.
- vue-storefront - Vue.js Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento2 supported.
- fd-vue - Vue.js client for an IoT framework
- wildfire - A drop-in replacement for other comment plug-ins.
- Ride Receipts - Simple automation desktop app to download and organize your tax invoices from Uber and Lyft.
- vue-chrome-extension-boilerplate - Boilerplate for Chrome extension using Vue.js and Webpack
- TimeMark - A Time manager which will can record your time and some more function will be developed.
- Laravel Enso - SPA Admin Panel built with Bulma, VueJS and Laravel, packing lots of features out of the box.
- Code Notes - A simple code snippet manager for developers built with Electron & Vue.js.
- Pomotroid - Simple, visually-pleasing and customizable Pomodoro timer.
- XMR Miner - Cryptocurrency (XMR) mining app, built with Vue.js and visualized with D3
- XMR Paper - Monero wallet generator, built with Vue.js
- JoyProxy - Chrome extension for handling proxy settings
- activity-automation - Manage daily activities and get reports on timely basis.
- jsettlers-web - Popular German board game to build hexes, settlements, cities, roads with earned resources
- Tamiat CMS - Tamiat is a front-end focused CMS, uses Vue.JS as the frontend and integrates with Firebase for the backend functionality.
- vuegg - vue GUI generator: Create mockups and code in one go! It leverages the creation of pages, components and styles with its visual editor. Generate all scaffolding code for your next vuejs project.
- Podlove Web Player - Podcast-optimized, HTML5-based audio player featuring chapters, transcripts and embedding.
- Leo Vue - Use the open source Leo outlining editor/IDE to create webapps with nested menus, with support for Vue components in content.
- Deezer-Vue - Deezer client built with Vue\Vuex
- Vuep.run - Online SFC editor for Vue
- V·oogle - Google.com, reVued
- Pomidorus - Pomodoro time tracker build using Vue and D3 🍅
- Hubble - 🔭 Travel through GitHub Stars' history.
- Vuepress - Minimalistic Vue-powered static site generator
- Socialhome - A federated rich profile builder with social networking features
- GenVue - a hostable, web application that lets confidential users upload and share private files build on Vue.js, Vuetifyjs and NetCore WebAPI stack
- vue-array - Array object operation under Vue, Array object operation under Vue Use this package to manipulate the array. Vue can monitor the changes in the array
- Laqu-l - A complete App starter kit with Quasar Framework, GraphQL API backend with OAUTH 2.0 authentication, Firebase ready, multilanguage capability and more.
- Protovue - A prototyping component library that helps designers and developers quicky scaffold an abstracted app layout.
- Chattier - SPA social network built with Laravel 5.6, Vue.js 2, and Bulma (Buefy components + Bulmaswatch themes). Also uses JWT authentication.
- 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.
- Modular Genealogy - Genealogy / family tree management system using Laravel 5.7, Vue.js 2.5 and various components. Work in progress.
- Minimal Notes - Web app build with Vue.js
- Roast - An app built to help coffee enthusiasts find their next cup of coffee while learning about Laravel + 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.
- sysmon - A B/S mode system monitor for Linux. You can remotely watch the usage of your system resources via web browser everywhere.
- eth-vue - A Truffle Box that provides everything you need to quickly build Ethereum dApps that have authentication features with Vue.js, including configuration for easy deployment to the Ropsten Network. It's also Gravatar-enabled.
- Nippon-color - Inspired by nipponcolors dot com. This is a nippon-color PWA build with vue-cli 3.
- Saleina CMS - A static site content management system built with vue using git as a backend.
- Vuido - A framework for creating native desktop applications. It can run on Windows, OS X and Linux, using native GUI components.
- YouGet - YouTube Video/Audio/Subtitle Downloader + Cutter
- Vue Pug Stylus - Vue + Pug + Stylus boilerplate 💚 🐶 🖌
- Crypto News - allows you to convert cryptocurrencies, view latest news and exchange rates for each ICO – all the data from the world of cryptocurrencies in one place.
- Epiboard - A new tab page extension with material design and useful features 🆕 🎉
- zhudyos/duic - Distributed configuration center 🆕
- Vuemmerce - Free ecommerce template built with Vue.js and Bulma framework 🆕
- Nucleus - Vue startup application template that uses ASP.NET Core API layered architecture at the back-end and JWT based authentication
- Carpoolear - The open source Vue.js frontend (mobile and cordova app) for the argentinian carpooling application: Carpoolear
- Statusfy: Statusfy is a Status Page System, easy to use and completely Open Source.
- DynamoDb-GUI-Client: Cross-platform GUI client for DynamoDb
- RosterWebApp - Open source rostering web application which allows the rostering of employees/teams to work sessions and other features.
- Vue E-Store Templet - An e-commerce templet 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.
- MATH_BOT - Learn math by programming a robot.
- Vue Crossword - A Vue.js based crossword puzzle builder and filler front-end application. Built with CodeSandbox.
- Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required.
- Beep - Account Security Scanner built with Vue.js and Ionic 4
- Vue CRUD - Vue.js based REST-ful CRUD system. Vue CRUD allows you to easily create fast applications such as CMS or CRM.
- Vue HQ Admin Dashboard – A modern admin dashboard powered by Vue, Sass, Firestore, and Netlify.
- MToDo - Mini To Do Lists with simple auth built with Vue.js and JSON Server as data mock. Great as reference for anyone that finding reference about real world Vue.js
- FireX Proxy - FireX Proxy is the user's trusted Chrome and Firefox browser extension that allows you to unblock any website and browse the web privately and securely. 🛡
- VueSolitaire - Solitaire (spider,klondike) imlemented in Vue.js.
- Thermal - One stop to all Git repository.
- QMK Configurator - QMK Firmware Keyboard Configuration UI in Vue.js.
- Eplee - Sweet, simple epub reader made with Vue.js and Electron.js.
- vue-realworld-example-app - Exemplary fullstack Medium.com clone
- 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
- ETCD Manager - A modern, efficient and free multi-platform ETCD GUI app based on Electron and VueJS.
- Idea Re-Vue - Social Ideation Platform to Create, Manage and Brainstorm Ideas in a fun, visual way. Built on the top of VueJS and Vuetify using Firebsae as a backend
- 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.
- VueFront - CMS Agnostic PWA & SPA. Modernize your Wordpress websites in less than 5 min
- Mockup-server - Mockup-server is easily create server from local directory.
- 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)
- super.ba - RSS News aggregator built with Vue.js, Ant Design of Vue (antdv) and NodeJS.
- Rapido - Rapido is software to make a website. Rapido is fast, easy to use and respectful of your privacy.
- miniPress - Yet another static site generator
- Zeithub - Open source time tracking, invoicing & expenses management for freelancers
- 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
- Marked.cc - 📝 Create and share beautiful images of your notes and prose.
- LeagueStats - Statistics website for players of the online game League of Legends.
- Veniqa - An E-commerce solution with a shopping client and admin panel written in Vue.
- tato music player - A mobile first, handwritten, responsive web app for music fans written in Vue and Vuetify.
- Sheiley Shop - PWA to track personal purchases, No more paper and pencil to go to the supermarket 🏬 Vue and Vuetify
- Afterman - 🌕 Create beutiful docs in markdown and HTML from postman collection. Using Quasar Framework
- Greenpress Admin Panel - The Admin panel of Greenpress, a fully-operative open-source for creating blogs and content websites.
- Greenpress Blog-Front - The frontend application service of Greenpress, a fully-operative open-source for creating blogs and content websites.
- Movie Paradise - A responsive movie preview web app built by Vue and Vuetify
- Pathfinding Visualizer ThreeJS - A visualizer for pathfinding algorithms in 3D with maze generation and first-person view
- Agile Visitors - Application for registering employee entries with the possibility of generating reports, validating and storing users with minimal effort.
- Pexelry - Application that leverages the pexels api to enable you find beautifull photos and pictures.
- karrot-frontend - Web application for organization of foodsaving groups worldwide.
- Realtime quiz framework - A starter kit built with NodeJS, VueJS and Ably providing the scalable base networking framework to host a live quiz
- LogChimp - Open-source software to track your customer's feedback to build better products.
- Trooveo - Search, listen to YouTube videos (Audio Only), No YouTube Api.
- 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.
- Samaya - Friendly personal dashboard on Chrome's new tab; featuring Nepali calendar, daily Nepali quotes & Nepali wallpapers.
- Mythic table - A Free and Open Source virtual table top for playing Role Playing Games.
- 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.
- QuickTok - TikTok popular trends viewer.
- Interface X - UI Search&Discovery components to rapidly build beautiful search experiences
- Context Note - A free open source note-taking 📝 chrome extension: take you notes on the web with their context.
- 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.
- NuxTube - YouTube app for privacy, made with NuxtJs.
- Dashy - A self-hosted startpage, with an easy to use visual editor, status checking, themes, widgets and tons more
- NuxtBlog - Blog site made with firebase real-time database
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.
- Teleo - Team collab-app moving effortlessly between talking, planning & doing
- 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.
- OSHCExpress - A comparison and ecommerce for OSHC (Overseas Student Health Cover) insurance (Australia's insurance for international students).
- 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.
- Mongster - Connect your Mongo DB nodes into one cluster within a control panel.
- Leave Dates - A powerful new way to track your staff leave.
- Time Door - A time series analysis API
- vREST NG - An enterprise application for Automated API Testing, built with VueJS and Element UI.
- ScaleChamp - multi-cloud managed databases provider with Hetzner, AWS, Linode, IBM, Azure, Scaleway, Alibaba Cloud, DigitalOcean, GCP and UpCloud support
- 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
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
- SlugSurvival - A webapp that helps student better plan their courses (hobby project, not in affiliation with UCSC).
- GitRelease - Track github project's new release on mac menubar using vue.js with electron.
- 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
- Booknshelf - Discover great books and bookshelves on different topics.
- Euronews - Euronews is a multilingual news media service, headquartered in Lyon, France.
- Roozame روزامه - Roozame is a Persian smart news media service.
- Koumoul
- NinjaCalc - A suite of embedded engineering related calculators, built as an open-source single-page app with vue.js.
- Vue.js Feed - The latest Vue.js news, tutorials, plugins, and more. Made with Vue.js and Laravel.
- 蒜瓣 - A web app developed with Vue2.0 and Douban API
- 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
- Easy Mock
- mmf-blog-vue2-ssr - A blog built with Vue 2.0, vue-router & vuex, with server-side rendering
- 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
- Flash-Vue - ‘Flashcards of the Future’ bring learning everywhere 🚀
- Kinderbesteck - A full Online Shop SPA with Vue2.0, Vuex, Vue Router
- n2ex - A vue ssr(nuxt) website, use v2ex API
- Power Thesaurus - A crowdsourced online thesaurus
- Chattanosy - A community-powered database of new things and places in Chattanooga, TN.
- PAIXIN - A genuine picture sale website
- CodeBottle - Drag-and-drop snippets to your projects
- 1XBET - A betting company operating since 2007
- MyOwnTV - A streaming website for creating internet television
- CrowdCircus - Europe’s biggest crowdfunding- and crowdinvesting-aggregator
- ابیات ناب پارسی - A collection of Persian poems
- Ripplectron - Ripple(Blockchain coin) Wallet Desktop client for vue-electron
- 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
- brain bits - A P300 online spelling mechanism for Emotiv headsets
- Coin Dashboard - The fully client-side cryptocurrency asset dashboard.
- 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)
- CodeDependencyScanner - A C# dektop application that display .Net assembly code dependencies build with Vue, Neutronium and D3.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.
- Vuethwallet - A simple app generate ethereum wallet with vuejs.
- 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.
- Vuethexplore - A simple app explore ethereum blockchain with vuejs.
- 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
- TeaQuinox Tea Co -- ecommerce site that specializes in loose leaf tea.
- blip - Test websites for speed, mobile-friendliness, security and the HTML5 doctype. Find businesses around a location and test their websites en masse, or just test your own URL.
- 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.
- Vue 资源精选 - great Vue components list, category, inline demo show and brief
- Cronhub - Painless Cron Monitoring Tool
- wrkprty - Pop-up coworking events for freelancers, remote workers, and professionals looking to get out of the office.
- Made with love - The Made with Love ❤️ around the world, initiative is a movement to celebrate 🎉, promote 📣 and build a brand 👑. It feed Tech news, design inspiration and trends from over 💯 sources including Dribbble, ProductHunt, Behance and Techcrunch. 💝
- V·oogle - Google.com, reVued. A joke-project. :)
- 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
- Scrumpy - A Beautiful Project Management Tool for Agile Teams
- 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 🙏
- Configuration File Management - A simple way to manage your configuration files
- Roast an app built to help coffee enthusiasts find their next cup of coffee while learning about Laravel + Vue.js.
- YBR - Centralized YBS Public eComplaint Management System. (Full SPA)
- Regex Fiddler
- Myanpwel - The website of event ticketing platform.
- CryptoArte - An Ethereum art collection, non-fungible token, and Dapp.
- Muuviez - A movie discovery and tracking website with stylish design
- NAGA VIRTUAL - NAGA VIRTUAL is the first independent virtual goods market.
- Scroll.in - Scroll.in is an independent news, information, and entertainment venture.
- Akunyi - Charity Website
- What Would Mark Ruffalo Do? - Motivational website based on the story that Mark Ruffalo failed at several hundred auditions before finding success.
- Brandy - brand assets manager for your menu bar.
- NBC Sports - NBC Sports is a sports news website.
- WITHIN - Extraordinary stories in Virtual Reality.
- plottr.io - Plan your running and cycling routes
- 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.
- Rolodromo - A spanish website dedicated to tabletop RPG.
- GitHubExplorer - Pure static page webapp for exploring GitHub. Using
Vuejs
andGitHub GraphQL API v4
. - Keynote - Present with Vue.
- 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
- Kitty Ipsum - Generate lorem ipsum composed of "meow" in different languages.
- Git Superstar - Count your git stars and top repositories.
- DECS - The decentralised all-in-one workspace to manage code snippets and to protect sensitive data.
- Asciiur - Internet's ascii art collection
- Tapestri Designer - Free tool to design PCR primers for genome sequencing experiments (NGS)
- Remote-Access-SSH - Web based remote host access with node-ssh
- Map Marker Generator - A Free Online Tool To Generate Custom Map Icons On The Fly
- 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.
- Blurrish - Encrypted Morning Pages journal for Mac/Windows, built with Vue and Electron. Blurs as you write so you can journal in public workspaces.
- ExifShot - What and how on photography, beautifully.
- Studolog - Online file sharing platform for students, including tester and reviews. Currently in Czech 🇨🇿 only.
- sum.cumo – Digital business models (with Vue as a tech stack centerpiece).
- 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.
- Wirenook - Free online app for building responsive website wireframes. Hi- and Lo- Fidelity, project sharing and svg download.
- 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
- mumbasket - an ecommerce website with laravel and vuejs
- Fanmio - Meet your favorites celebrities through personal video experiences on Fanmio
- OneConcern source
- 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
- Vue Spotify - Spotify client built with vue.js / vuex
- temp-mail.io - Disposable temporary email service.
- Best-movies.watch - A website which allows to watch movies online for free without sign up
- Tune.pk - Tune.pk is one of the largest video sharing website with content from all over the world.
- 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.
- tato music player - A mobile first, handwritten, responsive web app for music fans written in Vue and Vuetify.
- ChatterBoxes - For quick secret chat sessions
- goonlinetools.com - 100% Free Online Tools site.
- CMD Generators 命令行生成器 - Generate CMD by click buttons. Such as tar, ssh. 命令行参数多不熟悉? 点点按钮就能生成啦!
- Portfolio Site - Olaolu Olawuyi, A Frontend developer and UX Engineer's portfolio site.
- Portfolio Site - David Aji aka Ajiva is a Front End Developer with experience using frameworks like Vue and React to build "class" web apps.
- 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.
- Pexies - Pexies is a personal photo gallery built on pexels api. You can see curated/randomized pictures, and add them to your favourites.
- Wammes Gifts - Wammes Gifts helps you find the perfect gift.
- 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.
- Pinterest video downloader - Tool for Downloading pinterest videos in HD
- Scrumfast - Extremely intuitive project management scrum tool.
- CryptoTracks - Unleash and discover musical creativity on the Ethereum blockchain.
Interactive Experiences
- YouTube AdBlitz 2016
- Omnisense Experience
- Louis Ansa Website (portfolio)
- Djeco.com
- Tolks.io
- NOIZE original
- TR-101 Synth Drum Machine
- Bootstrap 4 Editor
- Subtletab - Browser Extension
- web-riimote - Turn your smartphone into a 3D controller (source code)
- CSS ColorVars - Interactive tool code generation (source code)
- Nightlight During Conflict - Explore GIS data on nightlight output for countries in conflict.
- User Friendly Justice Data - Explore justice data from Morocco.
- Thing - Breath exercise & meditation web app made with Vue.
Enterprise Usage
- Alibaba
- Baidu
- Sina Weibo
- Xiaomi
- Ele.me
- Optimizely
- Expedia
- UCWeb
- Line
- Nintendo
- Celtra
- Sainsbury's
- AREX
- DJI
- Octimine GmbH
- Hunliji
- GitLab
- Clemenger BBDO Melbourne
- ZenMate
- Codeship
- Storyblok
- Monito - Building the Booking.com for international money transfers
- Hypefactors - Software for data-driven PR professionals
- Adobe
- IBM
- Cotabox
- Aromajoin - Develop the finest digital scent products based on the harmony of hardware, software and material technology.
- Carrefour
- Staples Canada
- Blibli
- Manduka
A11y
- Vue A11y project - Vue.js community project to improve web accessibility.
- vue-skip-to - It helps people who only use the keyboard to jump to what matters most.
- vue-axe - Accessibility auditing for Vue.js applications.
- vue-announcer - A simple way with Vue to announce any useful information for screen readers.
- eslint-plugin-vue-a11y - Static AST checker for accessibility rules on elements in .vue
- vue-focus-lock - It is a trap! A lock for a Focus. A11y util for scoping a focus.
- eslint-plugin-vuejs-accessibility - Vue.js accessibility eslint-plugin managed by @vue-a11y .
Components & Libraries
UI Components
Table
Tables / data grids
- vue-cheetah-grid - A high-performance grid engine that work on a canvas for Vue.js.
Notification
Toaster / snackbar — Notify the user with a modeless temporary little popup
- vue-toaster - Vue.js toast notification plugin for Vue 3
- vue-notification-ui - A simple push the notification UI with Vue.js
- vue-my-toasts - Provide your component and let us toast the rest.
- @kyvg/vue3-notification - Vue 3 notification library
Loader
Loaders / spinners / progress bars — Let the user know that something is loading
- vue-wait-for - A loader manager for Vue.js 3 with reactive method
- vue-content-loader - SVG component to create placeholder loading, like Facebook cards loading
- vue3-circle-progress - Highly customizable Vue.js 3 circular progressbar component.
Progress Bar
A slim progress bar at the top of the page
- vue-next-progressbar - Slim progress bars(1KB gzipped) for Vue 3.
- vue3-progress - Fully customizable vue3 plugin to display a progress bar while waiting for something, e.g. http requests
Tooltip
Tooltips / popovers
- v-tooltip - Easy tooltips with Vue 2.x.
- @adamdehaven/vue-custom-tooltip - Vue 2 & 3 🎉 customizable, reactive, and reusable tooltip component that supports plugin options, props, and multiple use-cases. Also works with SSR (e.g. VuePress, Nuxt) and includes TypeScript types. (Vue 3 is available on
next
branch/npm tag) - vue-use-popperjs - Vue 2 & 3 popper hook powered by @popperjs
- vue-follow-tooltip - Tiny tooltip directive for Vue 3.
- Tippy.vue - Nesting-free Tippy.js directive/component for Vue 3. A drop-in addition with no structural or style changes required. Supports both individual and singleton tooltips.
Overlay
Overlay / modal / alert / dialog / lightbox / popup
- vue-final-modal Tailwind-friendly, highly customizable, stackable modal component.
- vuesence-modal-window - Simple Modal window Vue.js component that takes care of overlay, centering, animation, outside click/
Escape
key/X-mark
closing and allows you to concentrate on its content only. - vue-it-bigger - A simple image / (YouTube) video lightbox component for Vue.js.
- v3confirm - A plugin dedicated for vue3 to show confirm dialog modal.
- vue3-promise-dialog - Let's you create promise based dialogs in Vue 3 (Composition or Options API) with ease !
Parallax
Icons
- vue-feather - Feather icons component for Vue 3.
- eos-icons-vue - Eos icons npm package for Vue 3, eos-icons-vue2 for Vue 2
- vue-icomoon - With vue-icomoon you can easily use the icons you have selected or created in icomoon.
Marquee
- vue3-marquee - A simple and responsive marquee component for Vue 3 applications with 0 dependencies.
Menu
- vue-file-toolbar-menu - UI file/toolbar menus for Vue apps
- vue-bottom-sheet - A swipeable bottom sheet component for Vue.js created with Hammer.js
- SDropdown - Highly customizable, simple and modern Vue 3 dropdown component.
Minus Plus Input
- vue-numeric-input - Number input component with controls.
Carousel
- slither-slider - Carousel for images, videos, or components. Throw pretty much anything you want at it.
- vue-slick-carousel - A carousel with slick features & SSR support written for faster Luxstay
- @jfm/vue-carousel - A Vue carousel component.
- vue-snap - Lightweight Carousel based on Scroll Snap CSS
- vuerollr - Mouseover gallery plugin for Vue.js. Supports image and video.
- vue-splide - Splide is a free lightweight but powerful slider and carousel, written in pure JavaScript without any dependencies. It supports a thumbnail slider, nested slide.
- swiper - Swiper 6 added official support for Vue.js (only 3.x).
- vue-split-carousel - A carousel component meanwhile display several carousel item, supprot vue 2 and vue 3.
- vue-concise-carousel - Vue Concise Carousel with True SSR. Works for Vue 2 & 3.
Charts
- vue-echarts - The official Vue.js wrapper component for Apache ECharts.
- jscharting-vue - Vue chart component offering a complete set of chart types and engaging data visualizations with JSCharting.
- flowchart-vue - Flowchart & Flowchart designer component for Vue.js.
- vue-d3-barchart - Small component to draw charts using d3.
- vue3-highcharts - A Highcharts.JS wrapper component for Vue 3
- echarts-for-vue - ECharts Wrapper Component For Vue 3 and 2
- vue3-chart-v2 - Vue wrapper component base on Chart.JS for Vue 3
- vue-gauge - Vue.js component to create animated svg gauge charts
Time
Display time / date / age
- vue-horizontal-timeline - Just a simple horizontal timeline component made with Vue.js.
- vue-timer-hook - Vue 3 Timer module inspired by react-timer-hook
- vue3-flip-countdown Customize Countdown timer with Flip Animation for Vue 3.x
Calendar
Display non-editable events in a Calendar
Map
- 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-leaflet-custom-marker - Vue leaflet for open street map custom marker component
Audio / Video
- vue-use-sound - A Vue Hook for playing sound effects.
- vue-flv-player - An HTML5 Flash Video (FLV) Player component for Vue 2.x, based on flv.js.
Infinite Scroll
Pull-to-refresh
Markdown
- vue-pdf-embed - PDF embed component for Vue 2 and Vue 3
Tree
- vue-finder - A component to display hierarchical data, with selection, filtering and drag & drop
- vue3-router-tree - This component is based on Vue.js 3, it represents your routes or items as a tree view 🌲.
- object-visualizer - Vue 3 JSON inspector with Chrome-like theme.
- vue-virtual-tree - Tree component for large amount of data, base on Vue3.
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)
Social Sharing
- vue-socials - 💬 Social media share buttons and counts for Vue.js.
QR Code
- vue3-qr-reader - A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3 compatibility.
Search
- vue-json-search - Headless Vue 3.x component for easy and simple json-based search
Miscellaneous
- vue-copy-to-clipboard - Vue.js 3 plugin to copy text to clipboard (Vue 3)
- vue-advanced-chat - Feature-rich and fully customisable chat rooms component. Support files, images, videos, audio, emojis, customised actions, etc.
- vue-visual-filter - 🕵️♂️ An unopinionated advanced visual filtering component for Vue 2 and 3.
- vue-easter-egg-trigger - This packages makes it nice and easy to add Easter Egg triggers to your Vue site.
- vue-word-highlighter - The word highlighter library for Vue 2 and Vue 3.
- vue3-emoji-picker - Simple and Powerful Emoji Picker for Vue3.
Tabs
- vue3-tabs - A touch swipe tabs component for vue 3
- vue3-tabs-chrome - A Vue3 component for Chrome-like tabs.
Form
Let the user create & edit data
Phone Number Input Formatter
- vue-tel-input - International Telephone Input with Vue.
Pincode Input
Picker
- vue3-scroll-picker - A scroll picker component for Vue 3.
Generator
- vue3-otp-input - A fully customizable, OTP (one-time-password) input component built with Vue 3.x and Vue Composition API.
Date Picker
Date / datetime / time Picker
- vue3-date-time-picker - The most complete date picker solution for Vue 3
- vue-datepicker-next - Vue 3.x component for datepicker / timepicker / datetimepicker / calendar
Select
- 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.
Slider
- @vueform/slider - Vue 3 slider component with multihandles, tooltips merging and formatting.
Drag and Drop
- vuedraggable - Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js.
Autocomplete
Autosuggest / autocomplete / typeahead
Type Select
Let the user select a tag / something while typing
Color Picker
- vue-color-input – Vue 3 color picker component whose goal is to replace
<input type="color">
Switch
Switch / on/off toggle / checkbox
- @vueform/toggle - Vue 3 toggle component with labels, custom slots and styling options.
Masked Input
Rich Text Editing
- vue-quill - ✒️📝 A Vue 3 rich text editor component based on Quill Editor.
Image Manipulation
Edit images
- vue-picture-cut - image cropper:scale, flip, rotate, edge check, rectangle clip, ellipse clip
- vue-img-cutter - A vue plugin for image cutting tool,it's very convenient to use.
Display images
- vue-image-kit - Vue.js Image Kit Component with Lazy Load built in and Responsive Images.
Video Manipulation
File Upload
- vue-dropify - A Simple image dropzone component for Vuejs
Context Menu
Miscellaneous
- vue-paycard - Credit card component made with Vue.js.
- vue-list-picker - Just a simple list picker component made with Vue.js.
- v-use-places-autocomplete - 📍 Vue composable for Google Maps Places Autocomplete.
Wizard
CSV
Comment System
Canvas
- vue3-signature - A electronic signature component for Vue 3
- v-perfect-signature - Pressure-sensitive signature drawing for Vue 2 and 3.
Link Preview
Tour
Data Masking
UI Layout
Layout for the overall / main view
- vue-virtual-scroller - Component to scroll a large amount of elements efficiently.
- iron-grid-system - A responsive grid system for Vue 3.x.
Frameworks
Responsive
Set of components + responsive layout system
- quasar-framework - Quasar Framework. Build responsive websites, hybrid mobile Apps and Electron apps using same code
- vuetify - Material Component Framework
- BootstrapVue - Bootstrap v4 components and grid system for Vue.js.
- zircle-ui - A frontend library to develop zoomable user interfaces.
- ant-design-vue - An enterprise-class UI components based on Ant Design
- heyui - (https://www.heyui.top/en) - A Vue.js UI Toolkit for Web.
- BalmUI - A modular and customizable UI library based on Material Design and Vue 3.0
- 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.
- Chakra UI Vue - ⚡ A lightweight & customizable component library to help you build accessible Vue applications and sites with speed.
- 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
- superBVue - A Vue 3 UI Components for Web is based on boostrap v5
- 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!
- Unge UI - A Vue 3.x Component Library. Complete documentation support and both Chinese and English.
Mobile
UI frameworks for mobile
- Framework7-Vue - Build full-featured iOS & Android apps using Framework7 & Vue.
- 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.
- Ionic - Mobile app development framework
- Native script - Native mobile applications using NativeScript
Set of components for mobile
Component Collections
Set of components without layout system
- 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
Admin Template
Set of admin template
- vuestic-admin - Vue Admin Dashboard built with Vue 3 and
vuestic-ui
. - Materio-vuetify-vuejs-admin-template-free - A Production ready, carefully crafted, most comprehensive Vuetify Vuejs admin template. Live demo
- Tailmin - Admin dashboard built with Vue.js and Tailwind CSS. Live demo
- Vue-Admin-Template - A beautiful free vuejs admin template, designed using vuetify and apexcharts. Live Demo
- Admin One Vue 3 Tailwind dashboard - Vue.js 3 Tailwind CSS admin template with dark mode.
- Mosaic - Vue Admin TailwindCSS template - The All-in-one Tailwind CSS Admin Dashboard Template.
Server-side rendering
- Nuxt.js - Versatile Vue.js Framework.
Static website generator
- VuePress - Minimalistic Vue-powered static site generator.
- Gridsome - Build super fast, modern websites with Vue.js
Other
- DataFormsJS - A minimal routing and web service framework that uses Vue as a templating engine.
- petite-vue - 6kb subset of Vue optimized for progressive enhancement.
UI Utilities
Event Handling
Handling of user events (scroll, click, key strike, ...)
- vue-resize - Vue component to detect DOM elements resizing (event based/no window.onresize)
Responsive Design
Form
- Reforms.js - Vue 3 and Bootstrap forms and cards generator. Validation, multiple fields, grouping, schema and more.
Validation
- vee-validate - Simple Vue.js input validation plugin.
- vuelidate - Simple, lightweight model-based validation for Vue.js.
- vue-tiny-validate - Tiny (2.5KB minified) Vue Validate Composition.
- vest - 🦺 Declarative form validation framework inspired by unit testing.
Resize
- vue-window-size - Provides reactivity window size properties.
Scroll
Set window scroll position
Virtual scrollbar
Detect when components enter viewport
Customize the scroll behavior
Seamless scrolling
Routing
- vue-router - The official router for Vue.js.
Lazy Load
- 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-use-paginator - Vue 3 use-hook to reactively paginate data and arrange paginator buttons. Completely renderless.
Animation
- vue-kinesis A set of components to create interactive animations
- 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
Meta Tags
Manage meta information in the document head
Portal
Move a DOM node to a target DOM node
SVG
- 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
WebGL
Fullscreen
- vue-fullscreen - A simple Vue component for fullscreen, support Vue2 and Vue3.
Page visibility
Printing
Utilities
Utilities not directly related to the UI
- 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.
- 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)
Typescript
HTTP Requests
Retrieve data over HTTP
- 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.
i18n
Internationalization / L10n / localization / translation
- vue-i18n - Internationalization plugin for Vue.js.
- vue-i18n-service - Export and import
vue-i18n
's SFC translations. - 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.
- fluent-vue - Internationalization plugin for Vue.js (2 and 3). Vue.js integration for Fluent.js - JavaScript implementation of Project Fluent
- localize-vue-3x - Uni Localization Vue 3 integration example. Customizable Language Menu widget built with Web Components.
Custom Events
- 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.
Persistence
LocalStorage etc.
- 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.
- 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.
Redux
- vuejs-redux - High order component facilities for Vue and Redux.
- vuex-coolstory - Plugin for vuex to run redux-saga.
Mobx
- mobx-vue-lite - Lightweight Vue 3 bindings for MobX based on Composition API.
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.
Authentication/Authorization
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-helpers - A util package to use Vuex with Composition API easily.
- vuex-ts-enhance - A tool to enhance
mapXXX
anddispatch
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
- vuex-basement - Vuex state persistence and synchronization between tabs/windows.
- vuex-shared-mutations - Share vuex mutations between tabs/windows.
- vuex-multi-tab-state - Share and synchronize status between multiple tabs with this plugin for Vuex.
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.
Concurrency Management
Code Style
Improve readability of code
- eslint-plugin-vue - Eslint plugin for Vue.js projects.
CSS
Asset Management
Utilities for building / compiling / bundling / loading assets
- vite-svg-loader - Vite plugin to load SVG files as Vue components
- vue-sfc-split - Convert SFCs for native browser use without build
Page Navigation
Miscellaneous
- vue-use-model-helpers - Helper to map properties to local Ref using Composition API for Vue 2.x and 3
Web Workers
JSX
- babel-plugin-jsx - JSX for Vue 3
Migration
- v3-migration-guide - Vue 2 -> Vue 3 migration guide
Web Sockets
Server-Sent Events
- vue-sse - A Vue plugin for using Server-Sent Events (EventSource).
Payment
Payment utilities.
Stripe
- vue-stripe-js - Vue 3 components for Stripe.js
Paypal
Plaid
Integrations
Integrate with services or other frameworks
- vue-tweet - Vue 3 component that let you embed tweets in your App by only giving the tweet id
- vue-dapp - Vue 3 library for building Dapps with ethers.js.
Vue CLI Plugins
- vue-cli-plugin-capacitor - A Vue CLI 3 Plugin for Capacitor
- vue-cli-plugin-chrome-extension-cli - Vue CLI Plugin generat chrome extension template
Google Analytics
Yandex Metrika
Dev Tools
- Storybook - The UI Development Environment. works with v3.2+ later.
- codesandbox - An online IDE and prototyping tool for rapid Vue development.
- StackBlitz - The fastest, most secure dev environment on the planet
Inspect
Inspecting & debugging
- Vue.js devtools - Chrome devtools extension for debugging Vue.js applications.
Docs
Create documentation
- vue-styleguidist - A style guide generator for Vue components with a living style guide.
Test
- vue-test-utils - Official utilities for testing Vue components.
- Vue Testing Library - Simple and complete testing utilities that encourage good testing practices. Based on DOM Testing Library and built upon the official Vue Test Utils.
Browser-less require
Load Vue components without browser
Source Code Editing
Text editor plugins
Atom
Sublime Text
- Vue Syntax Highlight - Sublime Text syntax highlighting for single-file Vue components.
- Vue Next Formatter - Sublime Text Vue formatter, Supported ES5/6/7, Less/Sass and Pug/Html template.
Vim
- Vim Vue - Syntax Highlight for Vue.js components.
- vim-vue-plugin - Vim syntax and indent plugin for .vue files.
Visual Studio Code
- Volar - The Fastest Vue Language Support Extension
Visual Studio
Brackets
Intellij
- Vue.js support for WebStorm, IntelliJ IDEA, PhpStorm, PyCharm & RubyMine – official Vue.js support by JetBrains
Emacs
- Vue Mode - Emacs major mode for vue.js.
Kate
- Kate Syntax Files - Syntax files (modified or original) for katepart (kate, kwrite, kdevelop).
Scaffold
Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman generator
- create-vue - Quickly scaffold a Vue project with
npm init vue@3
- vue-cli - Simple CLI for scaffolding Vue.js projects.
Client
Render Vue application in the browser only
- vue3-compact-template - ⚡️ A simple and compact vue 3 template with current cutting edge front end technologies.
Universal
Render Vue application to HTML on the server and to the DOM in the browser
Server
Includes a backend boilerplate
Electron
- Electron Vue - An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
- electron-vue3-flask - An Electron & Vue.js application starter template that uses a python backend via Flask for desktop application building.
- electron-vite-template - A modern desktop application project template with Vue 3, Vite & Electron. It's fast!
Parts
Scaffold parts of the app
- vue-sh-cli - A CLI for generating Vue components, views, store modules & unit tests. Supports Vue 3 components template and Typescript.