1
0
Fork 0
mirror of https://github.com/vuejs/awesome-vue.git synced 2024-11-20 11:16:40 -05:00
vue/README.md
Maxim Morev 2876c57a98
feat: Add @morev/vue-transitions for Vue 3
Library is compatible with Vue 2 and 3 both, so there is second PR to another branch
2022-04-10 21:19:49 +03:00

108 KiB
Raw Blame History


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

Youtube Channels

Official Examples

Tutorials

Examples

Books

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

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 - Europes 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 and GitHub 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

Enterprise Usage

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

Loader

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

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

Marquee

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

Menu

Minus Plus Input

  • 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

Calendar

Display non-editable events in a Calendar

Map

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

PDF

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.
  • 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

Form

Let the user create & edit data

Phone Number Input Formatter
Pincode Input
Picker
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

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 cropperscale, 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
Wizard
CSV
Comment System

Canvas

Tour

Data Masking

UI Layout

Layout for the overall / main view

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

  • vant - A Vue.js Mobile UI From YouZan.
  • NutUI - A Vue.js UI Toolkit for Mobile Web

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

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

Scroll

Set window scroll position

Virtual scrollbar

Detect when components enter viewport

Customize the scroll behavior

Seamless scrolling

Routing

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

Persistence

LocalStorage etc.

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
Mobx
  • mobx-vue-lite - Lightweight Vue 3 bindings for MobX based on Composition API.
Pinia
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 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.

Concurrency Management

Code Style

Improve readability of code

CSS

Asset Management

Utilities for building / compiling / bundling / loading assets

Page Navigation

Miscellaneous

Web Workers

JSX

Migration

Web Sockets

Server-Sent Events

  • vue-sse - A Vue plugin for using Server-Sent Events (EventSource).

Payment

Payment utilities.

Stripe
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

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
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.

Runtime

Command Line / Terminal

Prerendering




CC0