awesome-vue
🎉 A curated list of awesome things related to Vue.js
https://github.com/xiaomingx/awesome-vue
Last synced: 12 days ago
JSON representation
-
Companies Using Vue.js
-
Documentaries
-
-
Components & Libraries
-
Dev Tools
- vue-dev-server - A small development server for building `vue` components.
- vue-dummy - Placeholder Text and Dummy Images as a simple `v-dummy` directive.
- Bit - Manage and reuse `vue` components between projects. Easily isolate and share components from any project without changing its source code, organize curated collections and install in different projects.
- ComponentFixture - is a component design to develop and test other components, automatically binding their props.
- vue-cli-template-dev-server - A development server for building vue-cli custom templates.
- vue-codemods - Collection of codemod scripts that help update and refactor Vue and JavaScript files.
- codesandbox - An online IDE and prototyping tool for rapid Vue development.
- vue-dom-hints - 💡 Get hints in the DOM. Minimal Vue devtool alternative.
- components-helper - Based on the documents to provide code prompt files for vue component library.
- vue-unicorn-log - A Vue 2 magical 🦄 plugin to make coloring the (devtools) console output easier and more flexible. [Vue 3 version](https://github.com/webdevnerdstuff/vue3-unicorn-log) version also available..
- Vue Mess Detector - A static code analysis tool for 👉 detecting code smells and best practice violations in Vue.js and Nuxt.js projects
- Vue.js devtools - Chrome devtools extension for debugging Vue.js applications.
- DejaVue - Visualization and debugging tool built for Vue.js.
- vue-clicky - Right click any component to show info about it in the console.
- vuejs-logger - Provides customizable logging functionality for Vue.js.
- vue-inspector - Vue.js Inspector for Mobile Devices
- Vue Performance Devtool - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components
- VueSource - Global Vue mixin which identifies components in source code by adding HTML comments
- bruit-io - Collect feedback with screenshot and technical data and post them to an API like [bruit.io](https://bruit.io).
- vite-plugin-vue-inspector - jump to editor source code while click the element of browser automatically.
- vue-markdown-loader - Convert Markdown file to Vue Component.
- vue-styleguide-generator - React inspired style guide generator for Vue.js.
- Vuex CheatSheet - Complete Interactive Vuex API.
- vue-styleguidist - A style guide generator for Vue components with a living style guide.
- vue-elucidate - A component that generates beautiful documentation for your living styleguide / design system.
- vue-md-loader - Markdown files to ALIVE Vue components.
- @vuedoc/parser - Generate a JSON documentation for a Vue file component.
- @vuedoc/md - Generate a Markdown Documentation for a Vue file.
- jsdoc-vue-component - A jsodc3 plugin that extract vue SFC info(name, props, events...) to document.
- jsdoc-vuedoc - A jsdoc3 plugin use `@vuedoc/md`.
- vue-storybook
- vue-patterns - Useful Vue patterns, techniques, tips and tricks and helpful curated links.
- vuese - One-stop solution for vue component documentation.
- vue-dotmd-loader - A webpack loader for loader markdown file transform to vue file.
- vue-tut - Easily build beautiful tutorials with Vue.
- Vue Cheatsheet - The only Vue cheatsheet you will ever need
- vuenit - Utilities for testing Vue components and directives.
- vue-unit - A library for Vue.js that makes it easier to create and unit test components.
- vue-test-utils - Official utilities for testing Vue components.
- vue-test-actions - Unit testing Vuex actions with Jest mocks.
- jest-vue-matcher - Additional jest matchers for vue
- vue-hubble - A better way to select elements for UI testing in Vue.
- 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.
- jest-serializer-vue-tjw - Improved formatting of Jest Snapshots
- vuex-test-utils - Unit testing Vux with chai.
- vitest - Next generation testing framework powered by Vite.
- vue-node - Load vue components in node.
- language-vue@atom.io - Vue component file syntax for Atom.
- vue-snippets@atom.io - Atom snippets for Vue component files.
- vue-autocompile@atom.io - Auto compile vue file on save.
- lint-sass-vue@atom.io - Atom.io package to lint Sass/SCSS in `.vue` files.
- vuejs2-snippets@atom.io - Atom snippets for javascript and components, including lifecycle hooks, directives, properties, vuex, vue-router, vue-i18n support.
- vue2-autocomplete@atom.io - Vue.js 2.0+ autocomplete for Atom.
- Vue Syntax Highlight - Sublime Text syntax highlighting for single-file Vue components.
- VUEFormatter - Sublime Text code format
- Vue Next Formatter - Sublime Text Vue formatter, Supported ES5/6/7, Less/Sass and Pug/Html template.
- Vim Vue - Syntax Highlight for Vue.js components.
- vim-vue-plugin - Vim syntax and indent plugin for .vue files.
- Vue VSCode Snippets - Snippets that will supercharge your Vue workflow.
- Ionic Snippets - Vetur support for Ionic Components
- Vue - Official (Volar) - ⚡The Fastest Vue Language Support Extension
- VuePack - Contains HTML Intellisense and code snippets for the Vue.js JavaScript library.
- Brackets Vue - Brackets extension for Vue.js.
- Vue.js support for WebStorm
- Kate Syntax Files - Syntax files (modified or original) for katepart (kate, kwrite, kdevelop).
- Vue Mode - Emacs major mode for vue.js.
- Storybook - The UI Development Environment. works with v3.2+ later.
- Font Awesome Finder - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.
- Font Awesome Finder - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.
- devtools-next - The next iteration of Vue DevTools.
- CheatSheet - Complete Interactive API.
- Vuex CheatSheet - Complete Interactive Vuex API.
- vue-a2b - A library for Split Testing with Vue.js (A/B Testing). Highly configurable and tiny (1.2k gzipped).
- VUEFormatter - Sublime Text code format
-
Frameworks
- quasar-framework - Quasar Framework. Build responsive websites, hybrid mobile Apps and Electron apps using same code, with VueJs 2.
- vue-material - Material design for Vue.js.
- vuetify - Material Component Framework for Vue.js 2.
- muse-ui - Material Component library for Vue.js 2.
- buefy - Components based on Bulma framework.
- element-ui - A Vue.js 2.0 UI Toolkit for Web.
- vue-bulma-components - Easily use bulma class syntax with vue components.
- v-semantic - Implementation of [semantic-ui](https://semantic-ui.com/) for Vue
- BootstrapVue - Bootstrap v4 components and grid system for Vue.js.
- zircle-ui - A frontend library to develop zoomable user interfaces.
- Material Components Vue - wrapper around [material-components-web](https://github.com/material-components/material-components-web) for Vue.js
- VueFace - A Vue.js 2.0 UI Component library for Web
- ant-design-vue - An enterprise-class UI components based on Ant Design and Vue 3.2.0
- heyui - (https://www.heyui.top/en) - A Vue.js 2.0 UI Toolkit for Web.
- Carvue.js - IBM's Carbon Design System for Vue.js
- BalmUI - A modular and customizable UI library based on Material Design and Vue 3.0
- N3-components - Beautiful Web Components built with Vue 2
- Shards Vue - ✨ Sleek & UI Components Library based on the Bootstrap 4 Framework.
- Framevuerk - 🚀 Fast, Responsive, Without Dependencies, Both Direction Support and Configurable UI Framework based on Vue.js.
- @Carbon/vue - Carbon Design System components from the @carbon team.
- vue-awesome-mui - A Vue.js 2.0 MUI Component for Web
- vue-material-adapter - Integration of Material Components for Vue.js which follows the best practices recommended by Google: Using Foundations and Adapters
- 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.
- DaoStyle - A high quality component library built on Vue.js.
- Chakra UI Vue - ⚡ A lightweight & customizable component library to help you build accessible Vue applications and sites with speed.
- vue-canvas - Vue canvas component for [vuc-identify](http://vuc.tianchenyong.top)
- oruga - UI components for Vue.js without CSS framework dependency.
- Wave UI - An emerging UI framework for Vue.js with only the bright side. ☀️
- vectre - A lightweight, simple and responsive component framework based on [Spectre CSS](https://picturepan2.github.io/spectre/)
- superBVue - A Vue 3 UI Components for Web is based on bootstrap v5
- Mijin - Responsive Tailwind CSS UI components, without dependencies
- vuestic-ui - A Vue.js 3.0 UI customizable UI Framework.
- 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.
- Anu - Build better interfaces faster. DX focused utility based vue component library ⚛️
- Vue USWDS - A Vue.js implementation of the USWDS (U.S. Web Design System)
- Vuetensils - A 'naked' component library for building accessible, lightweight, bespoke applications.
- Vuersatile Components - A Vue 3 component library, with form self-validation and an SCSS framework integrated.
- Prefect Design - Component library using Vue 3, Typescript & Tailwind.
- Stellar UI - Fully styled and customizable components for Vue 3.
- Shadcn UI - An unofficial, community-led Vue port of [shadcn/ui](https://github.com/shadcn-ui/ui) (re-usable components built with [Radix Vue](https://github.com/radix-vue/radix-vue) and [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss)).
- Framework7-Vue - Build full-featured iOS & Android apps using Framework7 & Vue.
- vux - [Chinese] Vue UI Components based on WeUI.
- vue-onsenui - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
- weex-eros - [Chinese] Eros is a app solution based on Weex and Vue, which enables you to use API of Vue, simple and quick development of small and medium app.
- Ionic - Mobile app development framework
- Native script - Native mobile applications using NativeScript
- Vue Native - Build cross platform native mobile apps using JavaScript
- uni-app - A cross-platform framework using Vue.js
- mint-ui - Mobile UI elements for Vue.js.
- vant - A Vue.js 2.0 Mobile UI From YouZan.
- vue-mdc - Material Components Web for Vue.js.
- keen-ui - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
- vue-admin - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
- vuikit - UIkit with all the power of Vue.
- uiv - Bootstrap3 components implemented by Vue2.
- wffranco/vue-strap - Bootstrap 3 components built with Vue.js 2
- jsmod-vue-pc - Highly scalable web components for vue 2.0
- guilhermewaess/SemVue - Semantic-ui Modules implemented with Vue 2
- office-ui-fabric-vue - Office UI Fabric implementation for Vue.js
- Semantic UI Vue - Semantic UI integration for Vue
- vuesax - Frontend vue Components for Vue.js.
- Banshee - A mostly renderless Vue UI component and utility framework that ships with no CSS.
- vue-atlas - A library of beautiful Vue components.
- DevExtreme Vue Components - 65+ responsive and feature-complete Vue UI components with customizable Material Design and Bootstrap compliant themes.
- jqwidgets - 70+ Vue.js 2.0 UI Components with Material Design themes.
- vue-uix - UI collection for web page implementation in Vue.js
- vuedarkmode - A Minimalist Dark Design System for Vue.js 🎨
- Kendo UI for Vue
- Vuent - Vue.js components implementing Microsoft Fluent Design
- bpit/vue - Vue components lib which is focused on effects
- vue-tailwind - Vue components with customizable classes ready for TailwindCSS, but compatible with any framework.
- Equal UI - Vue UI kit based on TypeScript 🧬
- Vue Component Development Kit - Unstyled, highly tested and flexible Vue components/mixins/plugins.
- element-pro-components - plus
- TW Elemetns for Vue - Vue integration with Tailwind CSS - a free, open-source UI Kit
- Origin UI Vue - Beautiful UI components built with Tailwind CSS and Vue
- iView Vue Admin - iView Vue Admin / An admin portal template based on iView 2.x [Online Demo](https://tonyluo.github.io/iview-vue-admin)
- element Vue Admin - element Vue Admin / An admin portal template based on Element UI 2.x
- vue-element-admin - A magical vue admin based on Element UI 2.x [Online Demo](https://panjiachen.github.io/vue-element-admin/#/dashboard)
- D2 Admin - An elegant backstage template build by vue [Online Demo](https://d2admin.fairyever.com)
- rest-admin - Restful Admin Panel Based on Vue and Bootstrap 4 [Online Demo](http://rest-admin.genyii.com)
- Shards Dashboard Lite Vue - ✨ Modern admin template featuring dozens of custom components and templates.[Online Demo](https://designrevision.com/demo/shards-dashboard-lite-vue/blog-overview)
- Vue Material Admin - A vue material design admin template [Online Demo](http://vma.isocked.com/#/dashboard)
- element-admin - A dead simple but powerful vue admin with Vue CLI 3 and element-ui.[Online Demo](https://element-admin.now.sh/)
- dashboard - A dashboard scaffolding based on vue.js created by vuejs/vue-cli 4.x. [Online Demo](https://dashboard.zce.me)
- vue-admin-next - Professional enterprise application with Multi-Module Design, Vue Composition API, and Friendly User Interface. [Online Demo](https://openfext.github.io/vue-admin-next/#/table/basic/query)
- vue-pro-sidebar - router, vuex), this boilerplate allows you to choose your preferred colors. [Live demo](http://boussadjra.github.io/vue-pro-sidebar)
- Stellar Admin Boilerplate - Vue.[Live demo](https://www.bootstrapdash.com/demo/stellar-vue-free/preview/demo_1/)
- 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](https://themeselection.com/demo/materio-vuetify-vuejs-admin-template-free/demo/dashboard)
- Tailmin - Admin dashboard built with Vue.js and Tailwind CSS. [Live demo](https://tailmin.vercel.app/)
- Vue-Admin-Template - A beautiful free vuejs admin template, designed using vuetify and apexcharts. [Live Demo](https://mani1124.github.io)
- 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.
- vue-admin-box - The admin template based on vue3 and element-plus. [Live demo](https://cmdparkour.github.io/vue-admin-box/dist/)
- argon-dashboard-vue3 - Template, Element Plus & TailwindCSS 3, Vue3.
- Vitify Admin - Vite 3 + Vuetify 2 + TypeScript, Vue 2.7
- vue-vben-admin - A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast! [Live demo](https://vben.vvbin.cn/)
- Geeker-Admin - A set of open source backend management framework based on Vue3 + TypeScript + Element Plus. [Live demo](https://admin.spicyboy.cn)
- gin-vue-admin - 🚀Vite+Vue3+Gin development basic platform. [Live demo](https://demo.gin-vue-admin.com)
- Ream - A minimalistic framework for building server-rendered and static websites.
- Universal vue - Vue CLI plugin to create universal Vue applications with ease
- Vapper - A Vue-based server-side rendering framework.
- VuePress - Minimalistic Vue-powered static site generator.
- Saber - A static website generator for building blazing fast websites with Vue.js.
- Gridsome - Build super fast, modern websites with Vue.js
- Servue - Server-side rendering engine that renders vue files into html strings.
- îles - Islands of interactivity, the joyful site generator
- VitePress - Vite & Vue powered static site generator.
- app-framework - IOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source.
- Myfirebase - A decoupled Single page application Framework which is highly compatible with google firebase.
- Vue-Access-Control
- Basys - stack Vue.js apps
- vue-service-model - Vue.js library for handling REST service requests with caching, aggregation and model definitions.
- DataFormsJS - A minimal routing and web service framework that uses Vue as a templating engine.
- V-Craft - A toolset for building extensible page builders with Vue.js.
- Vue-Low-Code - Low Code toolkit that can generate VUE apps from Quant-UX prototypes
- Figma-Low-Code - Turns your Figma design into VUE applications.
- vue-notion - An unofficial Notion renderer – Use Notion as a CMS for Vue (e.g. Nuxt)
- Fes.js - An easy-to-use front-end application framework based on vue3.
- petite-vue - 6kb subset of Vue optimized for progressive enhancement.
- PrimeVue - The Most Complete UI Component Library for Vue
-
Programming Languages
Categories
Sub Categories
UI Components
963
Utilities
311
UI Utilities
251
Open Source
214
Apps/Websites
183
Tutorials
180
Examples
159
Frameworks
138
Scaffold
89
Integrations
77
Dev Tools
74
UI Layout
44
Books
27
Community
24
Commercial Products
21
Podcasts
19
Blog Posts
18
External Resources
16
Interactive Experiences
12
Enterprise Usage
11
A11y
8
Prerendering
7
Official Resources
5
Conferences
5
Official Examples
4
Courses
2
Runtime
2
Documentaries
2
Job Portal
2
Keywords
vue
865
vuejs
411
vuejs2
188
javascript
165
vue3
135
vue2
123
vue-components
122
component
90
typescript
84
vuex
74
vue-component
65
vue-router
46
plugin
38
vue-plugin
36
webpack
32
nuxt
31
vite
31
vue-cli
29
laravel
28
vuejs-components
27
react
27
components
26
vuejs3
26
ui
26
form
24
pwa
23
dashboard
22
vue-directive
20
composition-api
20
boilerplate
19
electron
19
table
19
svg
18
tailwindcss
18
nuxtjs
18
css
18
element-ui
18
ui-components
17
pagination
17
bootstrap
17
i18n
17
frontend
17
datepicker
17
drag-and-drop
16
material-design
16
grid
16
template
16
html
16
vuetify
15
carousel
15