awesome-vue

🎉 A curated list of awesome things related to Vue.js
https://github.com/vuejs/awesome-vue

Last synced: 5 days ago
JSON representation

Companies Using Vue.js
- Documentaries
  - Companies Using Vue/Nuxt
Components & Libraries
- Dev Tools
  - Vue.js support for WebStorm
  - Vue Cheatsheet - The only Vue cheatsheet you will ever need
  - 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.
  - Vue Mess Detector - A static code analysis tool for 👉 detecting code smells and best practice violations in Vue.js and Nuxt.js projects
  - Vue Log Arsenal - Lightweight Vue 3 plugin providing logging directives for easier debugging
  - vite-plugin-vue-inspector - jump to editor source code while click the element of browser automatically.
  - vue-flow-vis - real-time monitoring of component renders and reactive dependency tracking
  - vue-styleguidist - A style guide generator for Vue components with a living style guide.
  - 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
  - vitest - Next generation testing framework powered by Vite.
  - Vim Vue - Syntax Highlight for Vue.js components.
  - Vue Language Tools (Volar) - ⚡The Fastest Vue Language Support Extension
  - Vue VSCode Snippets - Snippets that will supercharge your Vue workflow.
  - PocketMocker - Visual, browser-based HTTP mocking tool for front-end apps. Intercepts fetch/XHR, supports SmartMock rules, delay/error simulation and works great when developing Vue apps.
  - Storybook - The UI Development Environment. works with v3.2+ later.
  - Heroshot - Automate documentation screenshots with Vue component integration and theme-aware output.
  - Dash - Offline API documentation browser for macOS with instant search access to Vue.js docs and 200+ other frameworks.
  - Font Awesome Finder - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.
  - Poveste - Interactive component playgrounds powered by Vite. A drop-in fork of histoire, with Vue 3 and Nuxt support.
  - Vuex CheatSheet - Complete Interactive Vuex API.
- Frameworks
  - Carvue.js - IBM's Carbon Design System for Vue.js
  - AgnosticUI - Accessible Vue 3 Component Primitives that also work with React, Svelte, and Angular!
  - 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.
  - jqwidgets - 70+ Vue.js 2.0 UI Components with Material Design themes.
  - Kendo UI for Vue
  - TW Elemetns for Vue - Vue integration with Tailwind CSS - a free, open-source UI Kit
  - Fes.js - An easy-to-use front-end application framework based on vue3.
  - quasar-framework - Quasar Framework. Build responsive websites, hybrid mobile Apps and Electron apps using same code, with Vue.js 3.
  - vuetify - Material Component Framework for Vue.js 2.
  - buefy - Components based on Bulma 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 and Vue 3.2.0
  - heyui - (https://www.heyui.top/en) - A Vue.js 2.0 UI Toolkit for Web.
  - BalmUI - A modular and customizable UI library based on Material Design and Vue 3.0
  - @Carbon/vue - Carbon Design System components from the @carbon team.
  - 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.
  - oruga - UI components for Vue.js without CSS framework dependency.
  - Wave UI - An emerging UI framework for Vue.js with only the bright side. ☀️
  - 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.
  - Vue USWDS - A Vue.js implementation of the USWDS (U.S. Web Design System)
  - Stellar UI - Fully styled and customizable components for Vue 3.
  - 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
  - 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
  - uni-app - A cross-platform framework using Vue.js
  - vant - A Vue.js 2.0 Mobile UI From YouZan.
  - keen-ui - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
  - uiv - Bootstrap3 components implemented by Vue2.
  - element-pro-components - plus
  - Origin UI Vue - Beautiful UI components built with Tailwind CSS and Vue
  - Vue Material Admin - A vue material design admin template [Online Demo](https://vma.isocked.com/#/dashboard)
  - dashboard - A dashboard scaffolding based on vue.js created by vuejs/vue-cli 4.x. [Online Demo](https://dashboard.zce.me)
  - vue-pro-sidebar - router, vuex), this boilerplate allows you to choose your preferred colors. [Live demo](https://boussadjra.github.io/vue-pro-sidebar)
  - 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/)
  - 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.
  - 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)
  - 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 `OOP` `Decoration` 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)
  - VuePress - Minimalistic Vue-powered static site generator.
  - îles - Islands of interactivity, the joyful site generator
  - VitePress - Vite & Vue powered static site generator.
  - DataFormsJS - A minimal routing and web service framework that uses Vue as a templating engine.
  - Vue-Low-Code - Low Code toolkit that can generate VUE apps from Quant-UX prototypes
  - vue-notion - An unofficial Notion renderer – Use Notion as a CMS for Vue (e.g. Nuxt)
  - Maz-UI - Lightweight and efficient library for Vue 3 & Nuxt 3 & 4 with 50+ components, theming, i18n and useful plugins and composables.
  - PrimeVue - The Most Complete UI Component Library for Vue
  - 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.
  - element3 - A Vue.js 3.0 UI Toolkit for Web is based on element-ui
  - Qui-max - A Vue 3.x Design System for Web
  - Vexip UI - A Vue 3 UI Library, Highly customizable property values, Full TypeScript, Performance should be good.
  - NutUI - A Vue.js 2.0 UI Toolkit for Mobile Web
  - 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](https://dolphin-admin-vue.bit-ocean.studio/)
  - CabloyJS
  - Nuxt.js - Versatile Vue.js Framework.
  - @todovue/tv-ui - A customizable, accessibility-first UI component library for Vue 3. [Docs](https://ui.todovue.blog/)
  - Osiris UI - :art: A Vue.js 2.0 universal responsive UI component library
  - @oneflowui/ui - Vue 3 + TypeScript component library for task management views, featuring Table, Kanban, Gantt timeline, Gallery, AI Chat, Dashboard charts, Rich Text Editor, MermaidChart and more. 75+ components out of the box.
  - Reka UI - An open-source library of unstyled, accessible UI primitives for building high-quality design systems and web apps in Vue 3 (formerly Radix Vue).
  - shadcn-vue - An unofficial, community-led Vue port of [shadcn/ui](https://github.com/shadcn-ui/ui) (re-usable components built with Reka UI and Tailwind CSS).
  - Nuxt UI - 125+ accessible and customizable components for Vue and Nuxt, built with Tailwind CSS and Reka UI.
  - Naive UI - A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast.
  - iview-ui - A Vue.js 2.0 UI Framework for web.
  - AT-UI - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0
  - BoldKit - A neubrutalism component library for Vue 3 & Nuxt with 55+ components, 10 chart types, 64 SVG shapes, and 17 animated ASCII shapes. Built on Reka UI, compatible with shadcn-vue CLI.
  - Vue Lynx - A Vue 3 custom renderer for [Lynx](https://lynxjs.org), rendering to native iOS and Android views and compiling to web from one codebase.
  - Vy UI - Headless primitives and styled components for Vue Lynx, with a shadcn-style CLI for copying component source into your project.
  - adminforth - Vue + Node + Tailwind admin framework. [Live Demo](https://demo.adminforth.dev)
  - Bloggrify - Nuxt Content layer for blogging, with themes, SEO, RSS and analytics preconfigured.
- Integrations
  - vue-recaptcha - Google reCAPTCHA component for Vue.js
  - vue-postgrest - Vue.js integration for postgREST: flexible, powerful and easy to use.
  - vue-tweet - Vue 3 component that let you embed tweets in your App by only giving the tweet id
  - vue-tg - Telegram Web Apps integration for Vue 3.
  - vue-cli-plugin-chrome-extension-cli - Vue CLI Plugin generate chrome extension template
  - vue-gtag - Global Site Tag plugin for Vue
  - vuefire - Official Firebase bindings for Vue.js
  - @rollgate/sdk-vue - Vue 3 feature flag SDK with composables, gradual rollouts, A/B testing and real-time updates. Backend: [Rollgate](https://rollgate.io)
  - @agentskit/vue - Vue 3 composable and headless chat components for building AI agents, with streaming, tools, memory and RAG.
  - recaptcha-vue - Google reCAPTCHA v2 and v3 (score-based) via a single version prop, with v-model support, TypeScript and zero dependencies.
- Prerendering
  - ![CC0
  - vue-genesis - 🔥Micro front end, micro service and lightweight solution based on Vue SSR🔥
- Scaffold
  - Vite - Next generation frontend tooling. It's fast!
  - Create Vue
  - vuesion - Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.
  - VuePlay - Generate disposable Vue playgrounds in seconds. Allows you to test things quickly.
  - Mevn-CLI - Light speed setup for MEVN stack based apps.
  - vue-starters-directory - Search for available scaffold projects and starter kits for VueJS. Features search and github stats are available.
  - Vue3-SPA-starter-template - A starter kit with Router, Pinia, i18n, Stripe, Event Bus, SEO meta and schema tag handling, and more.
  - vue-x-platforms - Vue running on Web, iOS, Android and Vision Pro.
  - mevn-boilerplate - ⭐️ the most comprehensive mevn stack boilerplate. ⭐️ mongodb - express - vue 3 (admin dashboard) - nodejs - nuxt 3 (client) boilerplate (pinia, tiptap, slug, vuetify and vuexy and more...) 🎉
  - Vue.js/Nuxt.js full-featured boilerplate - professional agency frontend template for building fast, robust, and adaptable web apps or sites by vuejs/nuxtjs.
  - electron-vite-template - A modern desktop application project template with Vue 3, Vite & Electron. **It's fast!**
  - Vutron - Quick start templates for Vite + Electron + Vue 3 + Vuetify + TypeScript.
  - electron-vite-vue - Really simple Electron + Vite + Vue boilerplate.
  - monorepo-template - 🗂️ Vue 3 monorepo template with pnpm, Nx, Vite, Tailwind CSS, Storybook, TypeScript, and ready-to-use shared libraries.
  - vue-enterprise-boilerplate - An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3.
  - sketch-to-vue - AI Skill for Claude Code & Cursor that converts Sketch MeaXure / MasterGo design exports into pixel-perfect Vue 2/3 components. Specialized for dashboard/cockpit/big-screen pages: deterministic asset resolution, ECharts auto-detection, Scene Graph analysis, and full consumption audit.
  - ILUMINATY - Vue 3 + Vite SSG template for editorial sites, directories, events and blogs with Sanity CMS integration.
  - ScaffoldHub.io - Generate full Vue applications with SQL, MongoDB or Firebase Firestore databases.
  - Extension.js - Build cross-browser extensions with Vue, no config, one manifest for Chrome, Edge, Firefox and Safari.
  - MōBrowser - A framework for building desktop apps with web technologies. Templates and plumbing for Vite + Vue + Quasar are included.
  - OxideDock - Vue 3 desktop app starter built on Tauri v2, with Tailwind CSS, Pinia, Vitest, Playwright, and automated cross-platform releases.
- UI Components
  - vue-table-component - A straight to the point Vue component to display tables.
  - epic-spinners - Easy to use css spinners collection with vue.js integration.
  - VCalendar
  - tanstack-table - Headless UI for building powerful tables & datagrids.
  - vue-data-ui - Vue 3 chart library with 60+ components. Official site: [https://vue-data-ui.graphieros.com/](https://vue-data-ui.graphieros.com/)
  - ag-grid-vue - Vue adaptor for ag-Grid.
  - vue-grid - A flexible grid component for Vue.js
  - 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-cheetah-grid - A high-performance grid engine that work on a canvas for Vue.js.
  - vueye-datatable - Vueye data table is a responsive data table component based on Vue.js 2, it organizes your data per pages in order to navigate easily.
  - fancy-grid-vue - Vue adaptor for FancyGrid.
  - vue-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!
  - 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.
  - vuetify-drilldown-table - The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's v-data-table and v-data-table-server. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.
  - vxe-table - Vue form/table solution.
  - hy-vue-gantt - A powerful and flexible Gantt chart component for Vue 3 applications.
  - Vue3 Pivottable - based PivotTable.js.
  - GridSheet - Highly customizable spreadsheet engine with formula support, multi-sheet references, and a Vue3 wrapper built on a Preact core.
  - VueToastify - A fuss free notification component.
  - @kyvg/vue3-notification - Vue 3 notification library
  - notivue - Fully-featured notification system for Vue 3 and Nuxt 3.
  - vue-ellipse-progress - A flexible Vue.js component to create beautiful animated circular progress bars and loaders
  - vue-skeleton-content-loader - Lightweight and accessible library to make beautiful, animated loading skeletons that automatically adapt to your Vue app
  - vue-scroll-progress - Simple Vue.js plugin for page scroll progress bar
  - vue-ins-progress-bar - A Vue component of ins-style progress bar 一款 ins 风格的 vue 进度条组件
  - vue-next-progressbar - Slim progress bars(1KB gzipped) for Vue 3.
  - css-3d-progress - A 3D progress bar component written using web Components, supports Vue, React and Svelte.
  - v-tooltip - Easy tooltips with Vue 2.x.
  - vue-popper-lite - A popover component based on [popper.js tree shaking](https://popper.js.org/docs/v2/#popper-lite-tree-shaking) for Vue 3 written by TypeScript.
  - vodal - A vue modal with animations.
  - v-viewer - Image viewer component for vue2 and vue3, supports rotation, scale, zoom and so on, based on [viewer.js](https://github.com/fengyuanchen/viewerjs)
  - vuejs-dialog - A lightweight, promise based alert, prompt and confirm dialog.
  - v-dialogs - A simple and powerful dialog, including Modal, Alert, Mask and Toast modes, based on Vue2.x
  - vue-sweetalert2 - wrapper for sweatlaert2 with support for TypeScript, Nuxt and SSR
  - @kouts/vue-modal - A customizable, stackable and lightweight modal component that adheres to the guidelines set in WAI-ARIA Dialog (Modal) section of W3C.
  - vue-final-modal - friendly, highly customizable, stackable modal component.
  - vue-it-bigger - A simple image / (YouTube) video lightbox component for Vue.js.
  - vuejs-confirm-dialog - :speech_balloon: a simple way to create, reuse, promisify and build chains of modal dialogs in Vue.js.
  - @kolirt/vue-modal - ⚡️ Simple Vue3 modal package
  - vuetify-resize-drawer - The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.
  - vue3-marquee - A simple and responsive marquee component for Vue 3 applications with 0 dependencies.
  - v-selectmenu - A simple, easier and highly customized menu solution for Vue2.
  - vue-navigation-bar - A simple, pretty navbar for your Vue projects.
  - vue-file-toolbar-menu - UI file/toolbar menus for Vue apps
  - vue-awesome-sidebar - A modern and fast sidebar menu component for vue(3x) capable with vue-router.
  - vue-use-fixed-header - Turn your boring fixed header into a smart one.
  - navpress - NavPress is a CLI tool for generating static navigation websites. It allows you to quickly build a navigation site through a configuration file.
  - vue-my-dropdown - A customizable dropdown component for Vue 3 with TypeScript support.
  - vue-easy-slider - Slider Component of Vue.js.
  - @egjs/vue-flicking - It's reliable, flexible and extendable carousel for Vue.js 2 & 3.
  - swiper - Official Swiper component for Vue 3. Tree shakable, SSR support, typing, a11y and a lot more
  - vue-concise-carousel - Vue Concise Carousel with True SSR. Works for Vue 2 & 3.
  - vue3-carousel - A highly customizable, lightweight Vue 3 carousel component for your next awesome project.
  - vue-snap - 🌿 Modern and lightweight Vue 3 Carousel powered by CSS Scroll Snap.
  - vue-chartjs - Vue.js wrapper for Chart.js.
  - vue-chartkick - Create beautiful JavaScript charts with one line of Vue
  - vue-apexcharts - Vue.js component for [ApexCharts](https://github.com/apexcharts/apexcharts.js).
  - vue-css-donut-chart - Lightweight Vue component for drawing pure CSS donut charts.

Programming Languages

TypeScript 142 Vue 132 JavaScript 97 PHP 7 HTML 6 SCSS 5 CSS 2 Java 1 Shell 1 Rust 1

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

awesome-vue

Companies Using Vue.js

Documentaries

Components & Libraries

Dev Tools

Frameworks

Integrations

Prerendering

Scaffold

UI Components