Vue project architecture examples
Interactive architecture diagrams of 69 open-source Vue repositories with a GitDiagram architecture diagram, most stars first. Each diagram shows the project's main components, how they connect, and links every part to its file on GitHub.
Repositories 1–50 of 69
panjiachen/vue-element-admin★ 90.2k
vue-element-admin is a Vue-based admin-interface solution.
elemefe/element★ 54.2k
The project is a Vue.js (version 2.0) UI component library.
bailicangdu/vue2-elm★ 41.1k
corentinth/it-tools★ 37.8k
This is a single‐page application (SPA) built with Vue 3 + TypeScript, bundled by Vite, and published as a static site (Docker + Nginx or Vercel/Netlify).
qier222/yesplaymusic★ 33.3k
YesPlayMusic is a Vue-based third-party NetEase Music client, with browser/PWA and Electron modes.
chanzhaoyu/chatgpt-web★ 31.4k
ChatGPT Web is a Vue chat application backed by an Express service.
lissy93/dashy★ 26.5k
Dashy is a customizable self-hosted homepage.
automaapp/automa★ 21.5k
Automa is a Chrome/Firefox browser extension for building, scheduling, and running block-connected browser automations: form filling, scraping, screenshots, and data workflows.
vuecomponent/ant-design-vue★ 21.4k
Build and Tooling Infrastructure – Look at the “antd-tools” folder and the various configuration files (e.g., babel.config.js, webpack.build.conf.js, tsconfig.json, .eslint*…
docmirror/dev-sidecar★ 21.4k
GUI (Desktop Application): Found under packages/gui, this is the Electron-based frontend that provides the user interface, settings, and controls (e.g., enabling/disabling system…
freetubeapp/freetube★ 20.5k
– Located in the “src/main” folder (e.g., index.js, ImageCache.js, poTokenGenerator.js).
pure-admin/vue-pure-admin★ 20k
Below are specific guidelines and instructions tailored to this project.
lin-xin/vue-manage-system★ 19.6k
This repository is a Vue 3 and Pinia admin-management frontend.
zxwk1998/vue-admin-better★ 18.8k
This is a Vue.js-based admin dashboard framework (vue-admin-better) with both free and paid versions, focusing on providing a comprehensive administrative interface with RBAC…
algerkong/algermusicplayer★ 16.8k
Alger Music Player is a Vue/Electron music player with desktop, web, and mobile interfaces.
iview/iview-admin★ 16.4k
UI Components & Views: Show a clear separation between reusable components (found in src/components) and the larger views/pages (found in src/view).
hunlongyu/zy-player★ 14.5k
ZY Player is a desktop resource and IPTV media player.
primefaces/primevue★ 14.4k
PrimeVue is a Vue component library and monorepo ecosystem: applications use its UI components and supporting APIs, with optional forms, themes, icons, Nuxt integration…
tiny-craft/tiny-rdm★ 13.1k
Tiny RDM is a cross-platform Redis desktop manager with a deployable web mode.
macrozheng/mall-admin-web★ 12.5k
bastienwirtz/homer★ 11.6k
Homer is a static Vue home-server dashboard.
zyronon/douyin★ 11.5k
Douyin-Vue is a mobile Vue imitation of TikTok, centered on browsing short videos and navigating into social, profile, messaging, music, and shopping experiences.
teampiped/piped★ 9.9k
Vue.js Application (evident from .vue files in src/components)
crmeb/crmeb★ 9.4k
CRMEB is a multi-channel PHP e-commerce platform: shoppers browse products, manage carts, place and pay for orders, and use account and promotion features; merchants operate the…
jiangrui1994/cloudsaver★ 8.7k
CloudSaver is a full-stack web application (monorepo managed by pnpm) combining a Vue 3 + TypeScript frontend with an Express + TypeScript backend and SQLite3 for persistence.
pipipi-pikachu/pptist★ 8.7k
PPTist is a front-end, single-page application (SPA) that emulates Microsoft PowerPoint’s features.
halseyspicy/geeker-admin★ 8.1k
Geeker-Admin is a Vue-based administrative dashboard framework.
thinkgem/jeesite★ 8k
This is a frontend monorepo for the JeeSite rapid‐development platform.
gui-for-cores/gui.for.singbox★ 8k
GUI.for.SingBox is a cross-platform desktop GUI for configuring and operating the Sing-box proxy core. It is built with Wails: a Go native host embeds a Vue frontend.
zyronon/typewords★ 7.7k
This is a front-end–only Single-Page Application (SPA) built with Vue (Composition API), Vite, and static hosting.
hulaspark/hula★ 7k
Frontend UI: The Vue 3 application found under the “src” directory. This includes components, layouts, hooks, stores, router configurations, and assets.
un-pany/v3-admin-vite★ 6.9k
Frontend UI Components: The core of the system is presented through Vue components. Organize them as.
yin-hongwei/music-website★ 6.6k
The music-website project is a full-stack music application that consists of three distinct modules.
luckjiawei/frpc-desktop★ 6.6k
This is a cross-platform desktop application built with Electron.
unovue/reka-ui★ 6.6k
- Reka UI is a Vue 3 component library monorepo centered on accessible, headless UI primitives.
yangzongzhuan/ruoyi-vue3★ 6.5k
Based on our analysis of the provided file tree and the README, this project is the front‐end part of the RuoYi admin platform.
unovue/radix-vue★ 6.3k
elk-zone/elk★ 6k
Elk is a full-stack web application and Progressive Web App (PWA) that serves as a Mastodon web client.
jekip/naive-ui-admin★ 5.8k
This is a modern, frontend-focused administrative platform designed for building enterprise-level mid/back-office applications.
woai3c/visual-drag-demo★ 5.6k
Application Shell – This includes the main Vue application (src/main.js) with the global configuration and initialization.
opencsgs/csghub★ 5.5k
Vue.js-based web application (located in /frontend)
lostdesign/webgems★ 5.2k
webgems.io is a Nuxt resource directory for developers and designers.
tlbootcamp/tlroadmap★ 5.1k
This is an open-source, static documentation website (“Teamlead Roadmap”) built with VuePress (Vue.js–based static site generator).
daymychen/art-design-pro★ 5.1k
The Art Design Pro project is an open-source, frontend-admin dashboard system built with Vue 3, TypeScript, and Vite.
palxiao/poster-design★ 4.7k
Uses Vue3 for component-driven UI, Vite for a fast development build, and Pinia for state management.
unovue/inspira-ui★ 4.6k
Frontend Application – This is built using Vue and Nuxt. It includes.
realworld-apps/vue-realworld-example-app★ 4.1k
This is a Vue 3 RealWorld/Conduit frontend: users browse and paginate article feeds, open articles and profiles, authenticate, and create or edit articles and comments against a…
stylefeng/guns★ 4k
Backend Server – located under “src/main/java/cn/stylefeng/guns” and related directories.
Counted over GitDiagram's stored diagrams of public repositories, from the names their components and groups carry and the files they link to; the rules are the ones in the 2026 open-source architecture report. Stars are GitHub's when the diagram was last made. Rebuilt daily: hubs grow as more repositories' languages are known.