Vue.js Workshops - Learn Vue 2, in browser, by building 3 applications: Landing page, Todos App and Podcasts aggregator.( Vue.js, Vue-Router, Vuex, Vue-Axios, Vue-Apollo )
Vue.js Articles - Assorted Vue 2 and 3 tutorials and articles.
Vue.js debugging in Chrome and VS Code This recipe shows how to use the Debugger for Chrome extension with VS Code to debug Vue.js applications generated by the Vue CLI.
easy-vue a easy example using the vue to implement easy web with vue 2.0, vuex 2.0, vue-router 2.0, vue-infinite-scroll 2.0, vue-progressbar 2.0 by TIGERB
Vue.js with Sails.js example project - This project is for those who are new to single-page applications and want to learn through a real example.
Vue.js & Pyramid web framework app - A boilerplate using Pylons Pyramid webframework backend Vuejs webpack2, vue-router, yarn(packet manager)
vue-feathers-chat A sample realtime chat made with Vue in frontend and Feathers in backend, but using just Socket.IO-Client for the communication
vue-xplan A rotating earth demo page created with Vue and three.js
vueSocketChatRoom A socket chat room using vue2.x,vuex2.x,vue-router2.x,vux2.x,socket.io
koa-vue-notes-web - A fleshed-out SPA using Koa 2.3 on the backend and Vue 2.4 on the frontend. Includes fully featured user-authentication components, CRUD actions for the user’s notes, and Vuex store modules.
vue-vuex-todomvc - Example TodoMVC Vue.js app with Vuex store and server backend via REST and full set of E2E tests using Cypress.io test runner.
vue-stack-cesium - A minimal sample configuration project with CesiumJS and all the awesome vue features. The project contains many examples how to combine and use certain packages to get started.
VueJS Admin Template - Collection of awesome opens source and premium VueJS Admin Templates.
Courses
Learn Vue by Building and Deploying a CRUD App - This course is focused on teaching the fundamentals of Vue by building and testing a web application using Test-Driven Development (TDD).
Advanced Vue.js Features from the Ground Up - Learn how to build more accessible routing, state management, form validation and internationalization libraries from the ground up!
Become a Ninja with Vue 3 - This course teaches how to build a complete application with Vue 3, step by step, using Vue CLI, TypeScript and the Composition API. Each exercise comes with instructions and tests to check 100% of your code.
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.
Carpoolear - The open source Vue.js frontend (mobile and cordova app) for the argentinian carpooling application: Carpoolear
Vue E-Store Templet - An e-commerce template build with vue/vuex/vue-router and bootstrap4.
Twill - An open source CMS toolkit for Laravel that helps developers rapidly create a custom admin console that is intuitive, powerful and flexible.
Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required.
Vue Expenses - Expense tracking app made with Vue.js, Vuetify and ASP.NET Core
Akaunting - A free and online accounting software for small businesses and freelancers based on Laravel and VueJS.
MQTTX - Cross-platform MQTT 5.0 desktop client built with Vue.js, Typescript and Electron.
Pychat - Self-hosted webrtc video chat (an alternative to Slack)
CodeceptJS UI - Cypress-liked UI for ✔️ CodeceptJS end 2 end tests ✔️.
LeagueStats - Statistics website for players of the online game League of Legends.
Savycart - PWA to track personal purchases, No more paper and pencil to go to the supermarket 🏬 Vue and Vuetify
Afterman - 🌕 Create beautiful docs in markdown and HTML from postman collection. Using Quasar Framework
LogChimp - Open-source software to track your customer’s feedback to build better products.
Yacht - A Docker container management webui using Vuetify for a hassle free way of managing docker containers and projects.
Antares SQL - Cross platform SQL client made to be simple and complete.
Bagisto - A Free and Opensource Laravel eCommerce framework built for all to build and scale your business.
GrandNode 2.0 - Open Source Cross Platform E-Commerce Solution based on .NET Core 5.0 and MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS
Aimeos - Leading Laravel eCommerce framework to build ultra fast online shops, marketplaces and complex B2B applications scalable from 1 to 1,000,000,000+ items
XIV ToDo - Dashboards, completion trackers, tailored weekly and daily checklists and tools for Final Fantasy XIV.
Interface X - UI Search&Discovery components to rapidly build beautiful search experiences
Balancer - A Decentralized Finance app that runs on Ethereum.
YesPlayMusic - High-looking third-party NetEase cloud player, support Windows / macOS / Linux :electron:
douyin - Imitate TikTok ，Vue Best practices on Mobile
MyIP - All in one IP Toolbox. Easy to check what’s your IPs, IP geolocation, check for DNS leaks, examine WebRTC connections, speed test, ping test, MTR test, check website availability and more.
fylepad - a notepad with powerful rich-text editing, built with Vue.
fresfolio - a browser-based note-taking app for managing personal and research projects. The app uses Flask as backend and Vue.js as frontend leveraging the Quasar framework for UI components and responsive design.
Commercial Products
Wijmo - A collection of UI controls with VueJS support.
ChatWoot - Livechat and agent collaboration over Facebook messenger.
VueA - VueJS Admin template with multiple layouts and laravel version.
EducationLink - CRM and sales automation for education agents and colleges.
Pragmatic v2.0 - Responsive and configurable admin template built with Vue.js and Element.
He3 - Free and Modern Developer Utilities Toolbox.
RunJS - JavaScript playground that evaluates your code as you type and gives instant feedback. Ideal for prototyping ideas or trying out new libraries.
Moving to HTTPS - Guide to moving different platform/hosting sites to HTTPS
Euronews - Euronews is a multilingual news media service, headquartered in Lyon, France.
Vue.js Feed - The latest Vue.js news, tutorials, plugins, and more. Made with Vue.js and Laravel.
Guess Right - A ‘guess the word’ game - Written with Vue/vuex/vue-router (front-end) and Laravel/MySQL (back-end). Code is Open Source on GitHub (although not the live files that run the game at kdcinfo).
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.
Bubbleflat - Online platform that helps students and young Professionals find their perfect roommates by searching for people with similar lifestyles, interests, or schools. Laravel & Vuejs
sunpos - Sun position, elevation, azimuth, ecliptic/equatorial coordinates and sunrise/sunset time (Julian day) calculation and conversion utilities. Web site is programmed using pure JS, Vuejs and i18n Vuejs localization plugin. Visualization is created using D3.js.
IDDEF ☪️ The Federation of the Associations that Value Humanity’s webpage, CMS, CRM and Donation and all e-commerce pages are designed with Vue.js, Vuex and pure JavaScript 🙏
Roast an app built to help coffee enthusiasts find their next cup of coffee while learning about Laravel + Vue.js.
CryptoArte - An Ethereum art collection, non-fungible token, and Dapp.
Scroll.in - Scroll.in is an independent news, information, and entertainment venture.
WITHIN - Extraordinary stories in Virtual Reality.
beCamp - A community-organized tech conference in Charlottesville, VA. Website code is open-source.
Trustpilot - a free and open to all review platform.
Lagom - Simple, intuitive and fully responsive WHMCS theme
ScoutMyTrip - Roadtrip Planner - Road trip planning app for India which helps travelers to build their itinerary, discover points of interest, find hotels, gas stations, food joints etc along the route.
GamersClub - Biggest company of eSport community development in Brazil
MIT - Official Website of Massachusetts Institute of Technology.
Elvenar - Elvenar is a browser based fantasy city builder game.
Beacon - A service that allows you to share your content across multiple websites.
Artfinder - Artfinder is a website for buying & selling art paintings.
GitHubExplorer - Pure static page webapp for exploring GitHub. Using Vuejs and GitHub GraphQL API v4.
HappyPlants - A progressive web app for organizing your plants 🌱.
Pocket Lists - World’s friendliest to-do list app.
QMK Configurator - Configure, Build, and Download Custom QMK Firmware from your browser.
Worksome - Marketplace/platform for qualified it professionals and freelancers and companies looking to hire them.
Translator-vuejs - Translation App built with Vuejs, Yandex API & ResponsiveVoice.js API.
Big Timer - Fullscreen countdown timer for workshops, meetings and presentations. Big Timer helps workshop facilitators, meeting chairs, design sprinters, presenters and aspiring game show hosts stick to their program.
Kvalitetskontroll - Norwegian management system tailored for the construction industry.
Nipashe -“Nipashe” is a Swahili word that means “Inform me”. Nipashe is a web app built in Vue + Vuex(state management) + Vue-Router(navigation) that gives a tally/statistics on the current COVID19 infections across the world based on the WHO
DevSnap.me - A website that helps web developers find tons of free and open source HTML, CSS, and JavaScript assets.
Back Home/回家 - A flight searching engine for the flights from oversea to China Mainland (and China to oversea) that still fly during COVID-19.
Deadlines - An offline, simple deadline tracker made with Vue.js and localForage.
Darwin Analytics - Tool for measuring and optimizing your site. Built with Vue3 and Vite.
Gradientos - Gradientos makes finding gradients easy.
httptools.dev - Collection of many online checks and tools for web developers, like a JSON formatter, redirect check or URL encoder. Built with Vue3 and vue-router, backend API uses Laravel.
FontBolt - Discover and generate your favorite fonts from pop culture
Portfolio Site - Monayem Islam, A full-stack web application developer’s portfolio site. Made with Love and Vue 3.
MapperMate - Free-to-use tilemap editor used to create, edit, and manage tilemaps for 2D games
Chris Courses - JavaScript and 2D game dev learning platform with interactive videos, quizzes, and code challenges
BulkPicTools - Privacy-first bulk image processor built with Vue 3 and WebAssembly.
@Carbon/vue - Carbon Design System components from the @carbon team.
Inkline - Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building Vue.js 3 Design Systems.
MDBootstrap - Powerful UI toolkit based on the latest Bootstrap 4 and Vue 2.6.10, providing a set of slick, responsive page templates, layouts, components and widgets to rapidly build responsive, mobile-first websites and apps.
vue-material-adapter - Integration of Material Components for Vue.js which follows the best practices recommended by Google: Using Foundations and Adapters
PrimeVue - The Most Complete UI Component Library for Vue
CoreUI for Vue.js - CoreUI for Vue.js is a UI Component Library that offers a bunch of cross-browser, responsive, and lightweight Vue.js UI components.
oruga - UI components for Vue.js without CSS framework dependency.
Wave UI - An emerging UI framework for Vue.js with only the bright side. ☀️
element3 - A Vue.js 3.0 UI Toolkit for Web is based on element-ui
vuestic-ui - A Vue.js 3.0 UI customizable UI Framework.
BoldKit - A neubrutalism-styled Vue 3 & Nuxt component library with 45+ components, 35 SVG shapes, and charts. Built on Reka UI and compatible with shadcn-vue CLI.
Inspira UI - Open Source components to build stunning animated interfaces effortlessly using Vue, Nuxt and Tailwind CSS.
flowbite-vue - Vue component library based on Tailwind CSS
Maz-UI - Lightweight and efficient library for Vue 3 & Nuxt 3 & 4 with 50+ components, theming, i18n and useful plugins and composables.
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.
Essential JS 2 for Vue - Full-featured 45+ Vue.js components which includes Data Grid, Chart, Scheduler and Diagram components etc.
jqwidgets - 70+ Vue.js 2.0 UI Components with Material Design themes.
Kendo UI for Vue – Over 70 UI components, including a Grid, built for business applications. Fully responsive with support for several Design Languages including Material Design and Bootstrap.
dashboard - A dashboard scaffolding based on vue.js created by vuejs/vue-cli 4.x. Online Demo
vue-pro-sidebar : A responsive template starter with the ecosystem configuration (vue-router, vuex), this boilerplate allows you to choose your preferred colors. Live demo
vuestic-admin - Vue Admin Dashboard built with Vue 3 and vuestic-ui.
Dolphin Admin - An open source, free, lightweight, out-of-the-box, internationalized admin template based on Vue 3 + Vite + Naive UI + TypeScript + TailwindCSS. Live demo
vue-vben-admin - A modern vue admin. It is based on Vue3, vite and TypeScript. It’s fast！ Live demo
Geeker-Admin - A set of open source backend management framework based on Vue3 + TypeScript + Element Plus. Live demo
soybean-admin - A clean, elegant, beautiful and powerful admin template, based on Vue3, Vite5, TypeScript, Pinia, NaiveUI and UnoCSS.
AirPower4T - A development library based on Vue3, TypeScript, Element Plus, Vite which provides lots of Backend-Platform features such as OOPDecoration to make your development more efficient.
YummyAdmin - 📈 Free Vue Admin Panel based on Naive UI and TailwindCSS. fairly completed with beautiful design, RTL support, and multilingual. (MSW, Pinia, TS, UnoCss, Vite)
vue-stack-grid - A Vue 3 component designed to make creating dynamic, responsive grid layouts easy and efficient.
virtual-scroll - High-performance Vue 3 virtual scroll library designed to handle massive lists with ease. Supports vertical, horizontal, and bidirectional (grid) scrolling, dynamic item sizes using ResizeObserver, full support for Right-to-Left (RTL) layouts, build in a11y.
vue-easytable - A powerful table components based on Vue2.x
vue-crud-x - Extensible crud component using Vuetify layout, other than the usual page, sort, filter, it is able to do nested CRUD, custom forms, filters, operations.
Vue Datatable - VueJS powered Datatable with Laravel server-side loading and JSON template setup
vue-cheetah-grid - A high-performance grid engine that work on a canvas for Vue.js.
vue-table-component - A straight to the point Vue component to display tables.
@lossendae/vue-table - Simple table component for Vue.js 2.x with pagination and sortable columns.
vueye-datatable - Vueye data table is a responsive data table component based on Vue.js 2, it organizes your data per pages in order to navigate easily.
vue-quintable - A responsive and highly configurable table based on Vue 2.x and Bootstrap 4.x
vue-datagrid - Vue grid wrapper for powerful webcomponent revo-grid with excel like rich edit and behavior.
vue-dataset - A set of Vue.js components to display datasets with filtering, paging, and sorting capabilities!
jz-gantt - A high-performance Vue gantt component, which includes highly customizable table columns, dynamic update data, freely drag the progress bar, switch header, etc.
vue3-easy-data-table - A easy-to-use data table component made with Vue.js 3.x, referring to the API and UI of data table component in Vuetify 2.
tanstack-table - Headless UI for building powerful tables & datagrids.
vuetify-drilldown-table - The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework’s v-data-table and v-data-table-server. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.
Loaders / spinners / progress bars — Let the user know that something is loading
epic-spinners - Easy to use css spinners collection with vue.js integration.
vue-ellipse-progress - A flexible Vue.js component to create beautiful animated circular progress bars and loaders
vue-default-page - A Vue 3.0 plugin with built-in v-loading, v-skeleton, v-error and v-empty custom directives.
vue-skeleton-content-loader - Lightweight and accessible library to make beautiful, animated loading skeletons that automatically adapt to your Vue app
v-viewer - Image viewer component for vue2 and vue3, supports rotation, scale, zoom and so on, based on viewer.js
vuejs-dialog - A lightweight, promise based alert, prompt and confirm dialog.
v-dialogs - A simple and powerful dialog, including Modal, Alert, Mask and Toast modes, based on Vue2.x
vue-sweetalert2 - wrapper for sweatlaert2 with support for TypeScript, Nuxt and SSR
@kouts/vue-modal - A customizable, stackable and lightweight modal component that adheres to the guidelines set in WAI-ARIA Dialog (Modal) section of W3C.
navpress - NavPress is a CLI tool for generating static navigation websites. It allows you to quickly build a navigation site through a configuration file.
vue-my-dropdown - A customizable dropdown component for Vue 3 with TypeScript support.
qalendar - An event calendar and datepicker for Vue 3
schedule-x - A material design event calendar. Customizable, light- and dark modes & multilingual.
vue-calendar - A fully-featured, customizable calendar date picker component for Vue 3 with built-in Tailwind CSS support. Perfect for building scheduling applications, event calendars, and date pickers.
vue-use-sound - A Vue Hook for playing sound effects.
Vue-Player - Lightweight, customizable, and easy-to-implement vue video player.
Infinite Scroll
@egjs/vue-infinitegrid - Arrange infinite card elements according to various layout types like masonry for Vue.js 2.
virtua - A zero-config, fast and small (~3kB) virtual list component for React and Vue
vue-infinity - An easy-to-use virtual list component for Vue 3. Supports configurable grid layout, horizontal/vertical scroll, scroll snapping, seeking, ssr
Markdown
@f3ve/vue-markdown-it - A markdown-it component for Vue3. Easy to use and fully typed.
Vue Markdown - The vue component for render Markdown string, supports custom rendering of specific node types and better adapts to AI Chat Stream.
markdown-design - An out-of-the-box Vue 3 Markdown component with real-time rendering, featuring TOC generation, full-text search, and more.
PDF
vue-pdf-embed - PDF embed component for Vue 2 and Vue 3
vue-skia - Skia based 2d graphics vue3 rendering library. It is based on Rust to implement software rasterization to perform rendering.
vue-flow - Interactive, customizeabe, graph & flowchart editor for Vue3
Social Sharing
vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x.
vue-share-modal - A pure, lightweight, and beautiful share modal for Vue 3.
vue3-social-sharing - Style agnostic Vue 3 plugin for social sharing your links on major social networks.
QR Code
vue-qrcode-reader - A set of Vue.js components for detecting and decoding QR codes.
vue3-qr-reader - A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3 compatibility.
qrcode.vue - A Vue.js component to generate qrcode. Supports both Vue 2 and Vue 3.
Search
reactivesearch-vue - UI components for building data-driven apps with Elasticsearch
vue-search-input - A Vue 3 search input component, inspired by the global search input of Storybook and GitHub.
Miscellaneous
vue-kanban - A flexible drag and drop kanban board component
v-offline - Simple, tiny and easy to use detection of offline & online events for your Vue app (less than 390b minified)
VCalendar Very customizable and powerful calendar/datepicker component with many features and good documentation.
vue-datepicker - A clean & responsive datepicker with Material Design style for Vuejs 2.x. (date/month/quarter && date range picker)
Select
vue-select - A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.
vue-multiselect - Universal select/multiselect/tagging component for Vue.js.
v-region - A simple region selector, provide Chinese administrative division data.
v-selectpage - A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server-side resources supports.
vue-cool-select - Bootstrap / Material Design theme, support slots, autocomplete, events, validation and more.
vue-select-sides - A component for Vue.js to select double-sided data (2-sides).
@vueform/multiselect - Vue 3 multiselect component with single select, multiselect and tagging options.
vue3-select-component - Vue 3 Select Component, single & multi-select, best-in-class DX support with TypeScript end-to-end typesafe, easy styling, slots and more ~4.4KB
Drag and Drop
Vue DnD Kit - A lightweight, performant drag and drop toolkit for Vue 3 with composable API, keyboard navigation, accessibility support, and advanced customization options. Supports any cases, and touch devices. Inspired by React DnD Kit
vuedraggable-plus - Vue component allowing drag-and-drop sorting module, support Vue>=v3 or Vue>=2.7. Based on Sortable.js.
vue3-dnd - React DnD in Composition API implementation, Use the Composition API for sortable and free draggable, Supported Vue2, Vue3.
sortablejs-vue3 - A Vue 3 component acting as a thin wrapper around SortableJS
vue-fluid-dnd - A Vue 3 drag and drop, sortable, dependency-free library with cool animations, a easy to use api using vue composables.
Type Select
Let the user select a tag / something while typing
v-image Tiny little component for input type=file (< 1kb, gzipped)
Color Picker
radial-color-picker - Minimalistic color picker with a focus on size, accessibility and performance.
vue-color-input – Vue 3 color picker component whose goal is to replace <input type="color">
vuetify-color-field - Vuetify Color Field is a Vuetify VTextField Color Picker Component
Switch
Switch / on/off toggle / checkbox
vue-toggles - A highly customizable and accessible toggle component
vue-collapsed - Vue 3 CSS height transition from any to auto and vice versa. Accordion ready.
vue-enhanced-check - Enhanced checkboxes / radio input + toggle, components for vue 3
Masked Input
vue-r-mask - Directive with template similar to javascript regular expression.
vue-currency-input - Easy input of currency formatted numbers for Vue.js.
vue-input-facade - A lightweight and dependency free input masking library created specific for Vue, originally a fork of the famous vue-text-mask but actively maintained and with lots of improvements after there.
Rich Text Editing
vue-froala-wysiwyg - Official VueJS plugin for Froala WYSIWIG HTML Editor.
vue-trix - Simple and lightweight Trix rich-text editor for Vue.js
tiptap - A renderless and extendable rich-text editor for Vue.js
ckeditor5-vue - An official CKEditor 5 rich text editor component for Vue.js.
vue-quilly - 🪶 Tiny Vue 3 component, that helps to create Quill v2 based WYSIWYG editors.
Image Manipulation
Edit images
vue-cropper - A picture clipping plugin for vue2.0
TwicPics - Components replacing img and video tags with lazy loading, CLS optimization, and progressive loading out-of-the-box and enabling media optimization and manipulation.
vuetify-inline-fields - Vuetify Inline Fields Component Library offers a comprehensive collection of reusable UI components to create elegant and efficient inline form fields within your applications.
vue-integer-plusminus - Integer input component for vue3 with increment and decrement buttons, fitting as spinbutton, allowing keyboard functionalities
Wizard
vue-stepper-component - A fully customizable Stepper component with Vuex support and Zero dependencies.
vue3-form-wizard - Vue3-form-wizard is a vue based component with no external depenendcies which simplifies tab wizard management.
Canvas
vue-konva - Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
vue3-signature - A electronic signature component for Vue 3
vue-signature - A electronic signature component for Vue2.x
Link Preview
link-prevue - Flexible component for generate a link preview.
Tour
vue-stage-play - Step-by-step guided tour components for Vue3.
UI Utilities
Event Handling
Handling of user events (scroll, click, key strike, …)
vue-global-events – A component to handle global events (like shortcuts) using Vue’s event modifiers
vue-tabevents – Easy communication between other opened tabs
vue-exit-intent - ✨ Vue Composable to handle user’s Exit Intent.
Responsive Design
vue-responsive: Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.
Form
Form Builder - Json template based form builder, based on Vue and Laravel.
portal-vue - A Vue Plugin to render your component’s template anywhere in the DOM (Works on the virtualDOM level, doesn’t move nodes within the DOM)
SVG
vue-svgicon - A tool to create svg icon components. (vue 2.x).
vue-inline-svg - Vue component loads an SVG source dynamically and inline <svg> so you can manipulate the style of it with CSS or JS. (vue 2.x, vue 3.x)
Miscellaneous
v-github-icon - easily add “that” tiny GitHub icon on the right/left corner of your Vue components/libraries demos’ 🤙
WebGL
VueGL - Vue.js components rendering 3D graphics reactively via three.js
@erlihs/pinia-plugin-storage - A comprehensive state persistence and synchronization, yet as simple as it can be.
Authentication/Authorization
vue-auth-href - A VueJS directive for downloading files that are under a protected route schema
Vuex Utilities
jsonapi-vuex - Use a JSONAPI api with a Vuex store, with client-side restructuring/normalization of records.
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.
GraphQL
vue-apollo - Apollo/GraphQL integration for VueJS.
Awesome Vue.js
Table of Contents
Resources
Official Resources
Truly awesome projects
These projects are exceptionally high quality, have a proven trackrecord, and are virtually indispensable.
External Resources
Newsletters
Job Portal
Community
Conferences
Podcasts
Official Examples
Tutorials
Udemyby the Net NinjaUdemyby Maximilian SchwarzmüllerExamples
Books
Blog Posts
Courses
Documentaries
Companies Using Vue.js
Projects Using Vue.js
Open Source
Commercial Products
Apps/Websites
VuejsandGitHub GraphQL API v4.Interactive Experiences
Enterprise Usage
A11y
Components & Libraries
Frameworks
Responsive
Set of components + responsive layout system
Mobile
UI frameworks for mobile
Set of components for mobile
Component Collections
Set of components without layout system
Admin Template
Set of admin template
vuestic-ui.OOPDecorationto make your development more efficient.Server-side rendering
Static website generator
Other
UI Layout
Layout for the overall / main view
UI Components
Table
Tables / data grids
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
Tooltip
Tooltips / popovers
Overlay
Overlay / modal / alert / dialog / lightbox / popup
Marquee
Menu
Carousel
Charts
Time
Display time / date / age
Calendar
Display non-editable events in a Calendar
demo.Map
Audio / Video
Infinite Scroll
Markdown
PDF
Tree
Graph
Social Sharing
QR Code
Search
Miscellaneous
Tabs
Form
Let the user create & edit data
Phone Number Input Formatter
Picker
Generator
Date Picker
Date / datetime / time Picker
Select
Drag and Drop
Type Select
Let the user select a tag / something while typing
Color Picker
<input type="color">Switch
Switch / on/off toggle / checkbox
Masked Input
Rich Text Editing
Image Manipulation
Edit images
Display images
File Upload
Context Menu
Miscellaneous
Wizard
Canvas
Link Preview
Tour
UI Utilities
Event Handling
Handling of user events (scroll, click, key strike, …)
Responsive Design
Form
Validation
Resize
Scroll
Virtual scrollbar
Detect when components enter viewport
Routing
Lazy Load
Pagination
Animation
slideUp/slideDown, but for Vue!Meta Tags
Manage meta information in the document head
Portal
Move a DOM node to a target DOM node
SVG
<svg>so you can manipulate the style of it with CSS or JS. (vue 2.x, vue 3.x)Miscellaneous
WebGL
Fullscreen
Printing
Utilities
Utilities not directly related to the UI
Typescript
vue-property-decoratorin Vue 2.HTTP Requests
Retrieve data over HTTP
i18n
Internationalization / L10n / localization / translation
Custom Events
Persistence
LocalStorage etc.
State Management
Mobx
Pinia
Authentication/Authorization
Vuex Utilities
GraphQL
Code Style
Improve readability of code
CSS
Asset Management
Utilities for building / compiling / bundling / loading assets