An open API service indexing awesome lists of open source software.

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

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
  • dashboard - A dashboard scaffolding based on vue.js created by vuejs/vue-cli 4.x. Online Demo
  • vue-pro-sidebar - 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.
  • Materio-vuetify-vuejs-admin-template-free - A Production ready, carefully crafted, most comprehensive Vuetify Vuejs admin template. Live demo
  • Tailmin - Admin dashboard built with Vue.js and Tailwind CSS. Live demo
  • 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
  • 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
  • Geeker-Admin - A set of open source backend management framework based on Vue3 + TypeScript + Element Plus. Live demo
  • gin-vue-admin - 🚀Vite+Vue3+Gin development basic platform. 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 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
  • CabloyJS
  • Nuxt.js - Versatile Vue.js Framework.
  • @todovue/tv-ui - A customizable, accessibility-first UI component library for Vue 3. Docs
  • Osiris UI - 🎨 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 (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, 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
  • 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
  • @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.
  • 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/
  • 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 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
  • 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 - 💬 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.
  • vue-css-donut-chart - Lightweight Vue component for drawing pure CSS donut charts.
  • ZingChart-Vue - Vue component made by ZingChart with 35+ chart types.