[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3259":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},3259,"awesome-vite","vitejs\u002Fawesome-vite","vitejs","⚡️ A curated list of awesome things related to Vite.js","https:\u002F\u002Fvite.dev",null,"JavaScript",17117,1326,112,27,0,12,50,1,80.37,"MIT License",false,"master",true,[26,27,28,7],"awesome","awesome-list","vite","2026-06-12 04:00:17","\u003C!--lint disable awesome-heading awesome-github awesome-toc double-link -->\n\n\u003Cp align=\"center\">\n  \u003Cbr>\n  \u003Cimg width=\"400\" src=\".\u002Fassets\u002Flogo.svg\" alt=\"logo of awesome-vite repository\">\n  \u003Cbr>\n  \u003Cbr>\n\u003C\u002Fp>\n\n\u003Ch2 align='center'>Awesome Vite.js\u003C\u002Fh2>\n\n\u003Cp align='center'>\nA curated list of awesome things related to \u003Ca href='https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite'>Vite.js\u003C\u002Fa>\n\u003Cbr>\u003Cbr>\n\n\u003Ca href='https:\u002F\u002Fgithub.com\u002Fsindresorhus\u002Fawesome'>\n\u003Cimg src='https:\u002F\u002Fcdn.rawgit.com\u002Fsindresorhus\u002Fawesome\u002Fd7305f38d29fed78fa85652e3a63e154dd8e8829\u002Fmedia\u002Fbadge.svg' alt='Awesome'>\n\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003C!--lint ignore-->\n\n## Table of Contents\n\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F11247099\u002F112722104-819b8a80-8f42-11eb-82f5-dfc2dd5d8a77.png\" height=\"32\" \u002F>\n\nUse the \"Table of Contents\" menu on the top-right corner to explore the list.\n\n## Resources\n\n### Official Resources\n\n- [Documentation](https:\u002F\u002Fvitejs.dev\u002F)\n- [GitHub Repo](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite)\n- [Release Notes](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite\u002Fblob\u002Fmain\u002Fpackages\u002Fvite\u002FCHANGELOG.md)\n- [Vue 3 Docs](https:\u002F\u002Fvuejs.org\u002F)\n- [Awesome Vue](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fawesome-vue)\n- [Migration from v4](https:\u002F\u002Fvitejs.dev\u002Fguide\u002Fmigration.html)\n\n\u003C!--### Tutorials-->\n\n## Get Started\n\n- [create-vite](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite\u002Ftree\u002Fmain\u002Fpackages\u002Fcreate-vite) - Scaffolding Your First Vite Project.\n- [create-vitawind](https:\u002F\u002Fgithub.com\u002Fhuibizhang\u002Fvitawind\u002Ftree\u002Fpackage\u002Fcreate-vitawind) - Scaffolding for Tailwind CSS project.\n- [create-electron-vite](https:\u002F\u002Fgithub.com\u002Felectron-vite\u002Fcreate-electron-vite) - Scaffolding Your Electron + Vite Project.\n- [create-vite-app](https:\u002F\u002Fgithub.com\u002FErKeLost\u002Fcreate-vite-app) - Scaffolding Your Out Of The Box Vite Project.\n- [create-nx-workspace](https:\u002F\u002Fgithub.com\u002Fnrwl\u002Fnx) - Scaffolding a Nx + React + Vite + Vitest.\n- [bati](https:\u002F\u002Fgithub.com\u002Fbatijs\u002Fbati) - Scaffolding a Vike project.\n- [create-awesome-node-app](https:\u002F\u002Fgithub.com\u002FCreate-Node-App\u002Fcreate-node-app) - Scaffolding your project choosing between different templates.\n- [create-nitro-app](https:\u002F\u002Fgithub.com\u002Fnitrojs\u002Fcreate-nitro-app) - Scaffolding your Full-Stack Vite project using Nitro.\n\n### Templates\n\n#### Vanilla\n\n- [vite-vanilla-ts-lib-starter](https:\u002F\u002Fgithub.com\u002Fkbysiec\u002Fvite-vanilla-ts-lib-starter) - Starter for library (CJS, ESM, IIFE) with TypeScript, ESLint, Stylelint, Prettier, Jest, Husky + lint-staged.\n- [vite-tailwind-nojs-starter](https:\u002F\u002Fgithub.com\u002Fkometolabs\u002Fvite-tailwind-nojs-starter) - NoJS Tailwind CSS starter template.\n- [vite-tailwind-stimulus-starter](https:\u002F\u002Fgithub.com\u002Fjeremyfrank\u002Fvite-tailwind-stimulus-starter) - Starter template for Tailwind CSS and Stimulus controllers.\n- [vite-phaser-ts](https:\u002F\u002Fgithub.com\u002Fiwantantra\u002Fvite-phaser-ts) - Starter template with Phaser and TypeScript.\n- [vite-tinybase](https:\u002F\u002Fgithub.com\u002Ftinyplex\u002Fvite-tinybase) - Starter template for TinyBase.\n- [vite-tinybase-ts](https:\u002F\u002Fgithub.com\u002Ftinyplex\u002Fvite-tinybase-ts) - Starter template for TinyBase and TypeScript.\n- [vite-vanilla-js-template](https:\u002F\u002Fgithub.com\u002FBarata-Ribeiro\u002Fvite-vanilla-js-template) - Starter template ESlint, Prettier, PostCSS, Nesting, Autoprefixer, CSS Nano, CSS Reset.\n- [vite-starter-markup-template](https:\u002F\u002Fgithub.com\u002FGrinch3214\u002Fvite-starter-markup-template) - Starter template for Markup.\n- [create-domco](https:\u002F\u002Fgithub.com\u002Frossrobino\u002Fdomco\u002Ftree\u002Fmain\u002Fpackages\u002Fcreate-domco) - Starter template for domco.\n- [vite-vanilla-library-template](https:\u002F\u002Fgithub.com\u002Fhywax\u002Fvite-vanilla-library-template) - Starter template TypeScript, ESLint, Vitest, Husky, Conventional Commits, GitHub actions.\n- [vite-alpine-template](https:\u002F\u002Fgithub.com\u002Fdvd101x\u002Fvite-alpine) - Starter template for Alpine.\n- [vite-ts-lib-starter](https:\u002F\u002Fgithub.com\u002Fmatronator\u002Fvite-ts-lib-starter) - Starter template for libraries with TypeScript, Bun, Vitest, Prettier, Renovate and np.\n- [vite-swagger-ui](https:\u002F\u002Fgithub.com\u002Flukefernandez\u002Fvite-swagger-ui) - Swagger UI with built-in support for multiple APIs.\n- [template-vite](https:\u002F\u002Fgithub.com\u002Fphaserjs\u002Ftemplate-vite) - An official quickstart template with Phaser.\n- [template-vite-ts](https:\u002F\u002Fgithub.com\u002Fphaserjs\u002Ftemplate-vite-ts) - An official quickstart template with Phaser and TypeScript.\n- [vite-ts-bulma-sass-template](https:\u002F\u002Fgithub.com\u002Fnaoki-00-ito\u002Fvite-ts-bulma-sass-template) - Starter template `TypeScript`, `Bulma`, `Sass`, `Stylelint`, `Biome`.\n\n#### Vue 3\n\n- [Vitesse](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fvitesse) - Opinionated starter template.\n- [vite-ts-tailwind-starter](https:\u002F\u002Fgithub.com\u002FUninen\u002Fvite-ts-tailwind-starter) - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI.\n- [vue-vben-admin](https:\u002F\u002Fgithub.com\u002Fanncwb\u002Fvue-vben-admin) - Background management template based on Vue3, Ant-Design-Vue, TypeScript.\n- [vue-pure-admin](https:\u002F\u002Fgithub.com\u002Fxiaoxian521\u002Fvue-pure-admin) - Background management template based on Vue3, TypeScript, Tailwind CSS, element-plus.\n- [fast-crud](https:\u002F\u002Fgithub.com\u002Ffast-crud\u002Ffast-crud) - Options-oriented crud framework, developing crud as fast as lightning.\n- [vitesse-lite](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fvitesse-lite) - Lightweight version of Vitesse.\n- [vitesse-webext](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fvitesse-webext) - WebExtension Vite Starter Template.\n- [naive-ui-dashboard-template](https:\u002F\u002Fgithub.com\u002FInnei\u002Fnaive-ui-dashboard-template) - UI friendly, Vue 3 + TSX + Tailwind CSS 2 JIT + PostCSS + Naive UI.\n- [Vitawind Creator](https:\u002F\u002Fvitawind.vercel.app\u002Fscaffolding\u002Fcreator\u002F) - Create Tailwind CSS project rapidly.\n- [vue3-tailwind3-website-starter](https:\u002F\u002Fgithub.com\u002Ffeitian124\u002Fvue3-tailwind3-website-starter.git) - Vue3 \u002F Vite \u002F Tailwind CSS website starter template, with guides on each page.\n- [boot-vue](https:\u002F\u002Fgithub.com\u002Fkirklin\u002Fboot-vue) - Starter template with TypeScript + UnoCSS + DaisyUI + Vue Router + Pinia.\n- [Vue Naive](https:\u002F\u002Fgithub.com\u002Fzclzone\u002Fvue-naive-admin) - Admin template, base on Vue 3 + Pinia + Naive UI.\n- [vue-admin-box](https:\u002F\u002Fgithub.com\u002Fcmdparkour\u002Fvue-admin-box) - Admin template, based on Vue 3 + Element-plus.\n- [vite-vue-proste](https:\u002F\u002Fgithub.com\u002Fxyhxx\u002Fvite-vue-proste) - Pinia + TypeScript + Vue-Router4 + Vitest + Vue-Test-Utils + Vue-Query + Sass + ESLint + Stylelint + Prettier + `project presets`.\n- [vue-vite-ssr](https:\u002F\u002Fgithub.com\u002FEverSeenTOTOTO\u002Fbrowser-app-boilerplate\u002Ftree\u002Fvue-vite-ssr) - TypeScript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.\n- [vue3-vant-mobile](https:\u002F\u002Fgithub.com\u002Feasy-temps\u002Fvue3-vant-mobile) - Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + TypeScript Mobile Template.\n- [vue-vite-tw-ts](https:\u002F\u002Fgithub.com\u002FChronosMasterOfAllTime\u002Fvue-vite-tw-ts) - Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router.\n- [vite-vue-js-starter-template](https:\u002F\u002Fgithub.com\u002FElanYoung\u002Fvite-vue-js-starter-template) - Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Prettier Simple Template.\n- [vue-xs-admin](https:\u002F\u002Fgithub.com\u002Fjsxiaosi\u002Fvue-xs-admin) - Based on Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter.\n- [vulcan](https:\u002F\u002Fgithub.com\u002Fpengzhanbo\u002Fvulcan) - The template for mobile application. Vite, Vue 3, TypeScript, Sass, i18n, Vitest&Cypress, Pinia, APIs&Mock, ESLint, Prettier, auto-importing.\n- [antdv-pro](https:\u002F\u002Fgithub.com\u002Fantdv-pro\u002Fantdv-pro) - AntdvPro is a complete set of enterprise-level mid-backend front-end\u002Fdesign solutions based on Vue3, Vite4, ant-design-vue4, Pinia, UnoCSS and TypeScript.\n- [vue3-quick-start](https:\u002F\u002Fgithub.com\u002Fwforguo\u002Fvue3-quick-start) - Building an engineered Vue 3 project, integrated with `Vite` + `Vue3` + `TypeScript` + `ESLint` + `Prettier` + `Commitizen` + `Husky` + `LintStaged` + `CommitLint` + `AutoImport` + `ReleaseIt`.\n- [antd-vue3-admin](https:\u002F\u002Fgithub.com\u002FZuojiangtao\u002Fantd-vue3-admin) - A starter template based on Vue3, Vite4, TS5 and Ant-Design-Vue4.\n- [vue-file-upload](https:\u002F\u002Fgithub.com\u002Fcanopas\u002Fvue-file-upload) - A file management system built with `Vue3` and `TypeScript` that allows for single and multiple file uploading with a preview feature.\n- [arco-admin](https:\u002F\u002Fgithub.com\u002FLIjiAngChen8\u002Farco-admin) - `Vite` + `ArcoDesign` + `TypeScript` follows `ESM` standards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems.\n- [materio-free-vuetify-nuxtjs-admin-template](https:\u002F\u002Fgithub.com\u002Fthemeselection\u002Fmaterio-vuetify-nuxtjs-admin-template-free) - Vue.js 3, Vite 5, Vuetify 3 & Nuxt.js 3.\n- [vite-plugin-vue-style-bundler](https:\u002F\u002Fgithub.com\u002Fzhangfisher\u002Fvite-plugin-vue-style-bundler) - Auto bundle Vue\u002Fsfc styles into JavaScript.\n- [celeris-web](https:\u002F\u002Fgithub.com\u002Fkirklin\u002Fceleris-web) - Template based on `Vite` + `Vue3` + `TypeScript` + `Vue-Router` + `Pinia` + `Unocss` + `Naive UI` + `pnpm Monorepo`.\n- [vite-ts-starter](https:\u002F\u002Fgithub.com\u002Fpdsuwwz\u002Fvite-ts-starter) - Vue `I18n` Dynamic Router Localization Template, Internationalized Applications with `UnoCSS` + `Unplugin` + `Element-Plus` + `Vitest` + `TypeScript` + `Vue-Router` + `Vuex` + `Scss` + `ESLint` + `Stylelint` + `Husky` + `lint-staged`.\n- [vite-vue3-tailwind4-daisyui5-starter-template](https:\u002F\u002Fgithub.com\u002Fmartinille\u002Fstarter-template-vite-vue3-sass-tailwind4-daisyui5) - Starter template with Vue 3 + Vite + Tailwind CSS 4 + DaisyUI 5 + Sass.\n\n#### Vue 2\n\n- [vite-vue2-windicss-starter](https:\u002F\u002Fgithub.com\u002Flstoeferle\u002Fvite-vue2-windicss-starter) - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript.\n- [vite-vue2-ts-starter](https:\u002F\u002Fgithub.com\u002Flogue\u002Fvite-vue2-ts-starter) - Vue2 TypeScript starter template using vue-property-decorator, vue-router, Vuex.\n- [vite-vue2-ts-vuetify-starter](https:\u002F\u002Fgithub.com\u002Flogue\u002Fvite-vue2-vuetify-ts-starter) - It is the above vite-vue2-ts-starter with Vuetify and its optimized settings. Includes basic templates.\n- [vitify-admin](https:\u002F\u002Fgithub.com\u002Fkingyue737\u002Fvitify-admin) - Vuetify admin starter template with full TypeScript support and intellisense of Vuetify components.\n\n#### React\n\n- [Vitamin](https:\u002F\u002Fgithub.com\u002Fwtchnm\u002FVitamin) - React TypeScript, Tailwind CSS, SPA + PWA, Cypress and CI.\n- [vite-template-react](https:\u002F\u002Fgithub.com\u002FSafdarJamal\u002Fvite-template-react) - A Create React App-like template.\n- [vitejs-template-react-rescript](https:\u002F\u002Fgithub.com\u002Fjihchi\u002Fvitejs-template-react-rescript) - React + ReScript.\n- [template-vite-react](https:\u002F\u002Fgithub.com\u002Flzm0x219\u002Ftemplate-vite-react) - A minimal React Vite starter template.\n- [reactjs-vite-tailwindcss-boilerplate](https:\u002F\u002Fgithub.com\u002Fjoaopaulomoraes\u002Freactjs-vite-tailwindcss-boilerplate) - React 18, TypeScript, Vitest, Testing Library, Tailwind CSS 3, Eslint and Prettier.\n- [vite-react-ts-tailwind-firebase-starter](https:\u002F\u002Fgithub.com\u002FTeXmeijin\u002Fvite-react-ts-tailwind-firebase-starter) - Starter using Vite + React + TypeScript + Tailwind CSS (daisyUI) + Firebase (v9) + Prettier + ESLint.\n- [create-react-app-vite](https:\u002F\u002Fgithub.com\u002Flaststance\u002Fcreate-react-app-vite) - React, TypeScript, Tailwind CSS, MSW, Vitest, React Testing Library, ESLint, Prettier, GitHub Actions.\n- [chrome-extension-boilerplate-react-vite](https:\u002F\u002Fgithub.com\u002FJonghakseo\u002Fchrome-extension-boilerplate-react-vite) - React + TypeScript + SASS + Prettier + ESLint + GitHub Actions + HMR(Hot Module Reload) + Turborepo + Chrome Extension Manifest v3.\n- [vite-rtk-query](https:\u002F\u002Fgithub.com\u002Flaststance\u002Fvite-rtk-query) - React, TypeScript, Redux Toolkit, RTK Query, Tailwind CSS, MSW, Jest, React Testing Library, ESLint, Prettier.\n- [vite-react-proste](https:\u002F\u002Fgithub.com\u002Fxyhxx\u002Fvite-react-proste) - React + TypeScript + `react-router-dom` + Recoil + SASS + Testing Library + `react-query` + ESLint + Stylelint + Prettier.\n- [React-PWA](https:\u002F\u002Fgithub.com\u002Fsuren-atoyan\u002Freact-pwa) - React v18, TypeScript, Vite, React Router v6, MUI v5, Recoil, PWA, Eslint, Prettier, Husky, lint-staged, https localhost and more.\n- [react-vite-ssr](https:\u002F\u002Fgithub.com\u002FEverSeenTOTOTO\u002Fbrowser-app-boilerplate\u002Ftree\u002Freact-vite-ssr) - Mobx, TypeScript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.\n- [Viterts](https:\u002F\u002Fgithub.com\u002Ferdoganbulut\u002Fviterts\u002F) - React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS.\n- [ViteRC](https:\u002F\u002Fgithub.com\u002Fpotreco\u002Fviterc) - React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + Absolute imports + Commit linting.\n- [React Starter Kit](https:\u002F\u002Fgithub.com\u002Fkriasoft\u002Freact-starter-kit) - Jamstack, React, React Router, Material UI, Firebase Auth, TypeScript, ESLint, Prettier, Jest, GitHub Actions.\n- [vite-mern-template](https:\u002F\u002Fgithub.com\u002Fapicgg\u002Fvite-mern-template) - React 18 + TypeScript + Vite + Redux Toolkit + ESLint + React Router DOM + Axios + React Icons + React Toastify + Express + Mongoose.\n- [Varsarr](https:\u002F\u002Fgithub.com\u002Faltmshfkgudtjr\u002Fvarsarr) - React, TypeScript, Styled-Components, Recoil, React-Query, Axios, Absolute imports.\n- [viterjs-template](https:\u002F\u002Fgithub.com\u002Femre-cil\u002Fviterjs-template) - React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier.\n- [react-vite-ts-boilerplate](https:\u002F\u002Fgithub.com\u002Fchoisohyun\u002Freact-vite-ts-boilerplate) - React 18, TypeScript, SCSS, ESLint, Prettier, Vitest.\n- [vite-react-universal-template](https:\u002F\u002Fgithub.com\u002Flaoer536\u002Fvite3.0-react18-TypeScript-router-dom6-mobx6-Eslint-prettier-template) - React18 + TypeScript + `react-router-dom` + Zustand + ESlint + Prettier + Stylelint + Husky + Docker, and APIs auto importing.\n- [react-vite-template](https:\u002F\u002Fgithub.com\u002F985563349\u002Freact-vite-template) - A react project template.\n- [react-xs-admin](https:\u002F\u002Fgithub.com\u002Fjsxiaosi\u002Freact-xs-admin) - The background management system template developed based on React18 + ReactRouteV6 + Vite + And Design + ReactIntl + ReactRedux + Emulation.\n- [vite-mui-ts](https:\u002F\u002Fgithub.com\u002Femre-cil\u002Fvite-mui-ts) - React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier.\n- [template-vite-react-ts-tailwind](https:\u002F\u002Fgithub.com\u002FRoyRao2333\u002Ftemplate-vite-react-ts-tailwind) - React + TypeScript + Tailwind CSS + Eslint + Prettier.\n- [vite-react-ts-template](https:\u002F\u002Fgithub.com\u002Fbartstc\u002Fvite-ts-react-template) - React 18, TypeScript, ESlint, Prettier, Dev Container, Vitest, Storybook, Playwright, MSW, React Router 6, React Query, Chakra UI, Zustand.\n- [react-vite-tailwindcss-template](https:\u002F\u002Fgithub.com\u002Fquavedev\u002Freact-vite-tailwindcss-template) - React, JavaScript, Tailwind CSS, ESlint, Prettier, Pre-commit.\n- [vite-tinybase-react](https:\u002F\u002Fgithub.com\u002Ftinyplex\u002Fvite-tinybase-react) - Starter template for TinyBase and React.\n- [vite-tinybase-ts-react](https:\u002F\u002Fgithub.com\u002Ftinyplex\u002Fvite-tinybase-ts-react) - Starter template for TinyBase, TypeScript, and React.\n- [vite-react-ssr-boost-template](https:\u002F\u002Fgithub.com\u002FLomray-Software\u002Fvite-template) - Template for creating `React 18` SSR\u002FSPA apps with `TypeScript`, `Mobx`, `React Router`, `Head Manager`, Suspense, Streaming. Also included CI\u002FCD, `ESLint`, `Prettier`, `Stylelint`, `Husky`, `Semantic Release`.\n- [vite-react-ts-shadcn-starter](https:\u002F\u002Fgithub.com\u002FQuilljou\u002Fvite-react-ts-tailwind-starter) - Template for creating `React 18` SPA apps with `TypeScript`, `React Router`, `Tailwind CSS`, `Shadcn UI`, `React Query`, `ESLint`, `Prettier`, `Stylelint`, `Husky`, `React-i18next`, `Transmart`.\n- [template-tauri-vite-react-ts-tailwind](https:\u002F\u002Fgithub.com\u002FRoyRao2333\u002Ftemplate-tauri-vite-react-ts-tailwind) - Template for Tauri + React + TypeScript + Tailwind CSS + Prettier + ESLint build-in.\n- [vite-react-chakra-starter](https:\u002F\u002Fgithub.com\u002Fsozonome\u002Fvite-react-chakra-starter) - Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky.\n- [vite-react-tailwind-starter](https:\u002F\u002Fgithub.com\u002Fsozonome\u002Fvite-react-tailwind-starter) - Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky.\n- [monorepo-template-react](https:\u002F\u002Fgithub.com\u002Fstormkit-io\u002Fmonorepo-template-react) - React + TypeScript template for SSR, SPG, SPA and API provision.\n- [vite-react-dapp-template](https:\u002F\u002Fgithub.com\u002Fhuseyindeniz\u002Fvite-react-dapp-template) - Starter template for decentralized app frontend development with preconfigured Wallet Authentication, i18n and UI features.\n- [vite-express-ssr-ts](https:\u002F\u002Fgithub.com\u002Fgihanrangana\u002Fvite-express-ssr-ts) - React + TypeScript + Express.js + Vite SSR template with inbuild api feature.\n- [vite-react-flow-template](https:\u002F\u002Fgithub.com\u002Fxyflow\u002Fvite-react-flow-template) - React Flow starter template.\n- [react-vite-template](https:\u002F\u002Fgithub.com\u002FMirazex\u002Freact-vite-template) - React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged.\n- [gravity-ui-vite-template](https:\u002F\u002Fgithub.com\u002Fgravity-ui\u002Fgravity-ui-vite-example) - Template with Gravity UI ecosystem (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged).\n- [vite-react-component-library-starter](https:\u002F\u002Fgithub.com\u002Frayyamhk\u002Fvite-react-component-library-starter) - A starter template for creating React component libraries with `TypeScript`, `Tailwind CSS`, `Storybook`, `Vitest`, `ESLint`, `Prettier`, `Husky`, and `GitHub Action`.\n- [vite-template-awesome-soho](https:\u002F\u002Fgithub.com\u002Fcomnori\u002Fvite-template-awesome-soho) - `DevContainer` Template for creating `React 18`, `Javascript + JSDoc`, `React Router`, `Ant Design`, `ESLint`, `EditorConfig`, `.env`, `SonarLint`, `Vitest`.\n- [react-component-library-vite](https:\u002F\u002Fgithub.com\u002Fgsharath\u002Freact-component-library-vite) - A library template for with `React`, `Javascript`,`Styled-Components`, `Vitest`, `React Testing Library`, `Storybook`.\n- [ReTail](https:\u002F\u002Fgithub.com\u002Fnikolailehbrink\u002Fretail) - Starter template for building Full Stack WEB applications with `Remix` using `TypeScript`, `Tailwind CSS`, `Prettier` and `ESLint`.\n- [vite-react-redux-saga-typescript](https:\u002F\u002Fgithub.com\u002FDulajdeshan\u002Fvite-react-redux-saga-typescript) - Starter template with `React`, `TypeScript`, `Redux (Redux Toolkit)`, `Saga`, `React Testing Library`, `ESLint`, `Prettier` and `Husky`.\n- [vite-complete-react-app](https:\u002F\u002Fgithub.com\u002FChrisUser\u002Fvite-complete-react-app) - Starter template for building web applications using `React`, `TypeScript`, `Redux Toolkit`, `React Router`, `Axios`, `Sass`, `Moment`, `ESLint`, `Prettier` and `React Testing Library`.\n- [vite-react-framer-starter](https:\u002F\u002Fgithub.com\u002Fmatozz\u002Fvite-react-framer-starter) - Starter template with `React`, `TypeScript`, `Framer Motion`, `Tailwind CSS`, `ESLint`, and `Prettier`.\n- [vite-jsx-remove-attributes](https:\u002F\u002Fgithub.com\u002Fjacobbogers\u002Frollup-plugin-jsx-remove-attributes) - Remove the `data-testid` (configurable) from production builds.\n- [React Tanning](https:\u002F\u002Fgithub.com\u002Fpadunk\u002Freact-tanning) - Starter template with `React + Vite + TypeScript + TanStack + Tailwind`.\n- [Reactive](https:\u002F\u002Fgithub.com\u002Fws-rush\u002Freactive) - `React` starter template with `Remix` file-based routing convention for `react-router`, `UnoCSS`, `LinguiJs`, `zustand`, and ton of features.\n- [RVTGB](https:\u002F\u002Fgithub.com\u002Fup2dul\u002Frvtgb) - `React` + `TypeScript` starter template, with file-based routing with `Generouted` and `Biome`.\n- [vite-biome-tailwind-template](https:\u002F\u002Fgithub.com\u002Fnot-first\u002Fvite-biome-tailwind-template) - React, TypeScript, Biome, Tailwind CSS.\n- [React Dapp Starter](https:\u002F\u002Fgithub.com\u002FManta-Network\u002Freact-dapp-starter) - Enterprise-ready Web3 DApp starter with `TypeScript`, `Tailwind CSS`, `Web3Modal`, `Wagmi`, `Shadcn UI`, `Zustand`, and `TanStack Query` for scalable decentralized applications.\n- [vite-template-react-ts-jest](https:\u002F\u002Fgithub.com\u002Fivanzusko\u002Fvite-template-react-ts-jest) - `React` + `TypeScript` + `Jest`.\n- [vite-amplify](https:\u002F\u002Fgithub.com\u002Fbebeal\u002Fvite-amplify) - Template with SSR + Express APIs + AWS Amplify Hosting.\n- [react-component-library-template](https:\u002F\u002Fgithub.com\u002Fxxhls\u002Freact-component-library-template) - A library template for with `React`, `TypeScript`, `Vitest`, `React Testing Library`, `Storybook`, `Biome`, `Stylelint`.\n- [react-boilerplate](https:\u002F\u002Fgithub.com\u002FAubergine-Community\u002Freact-basic-template) - Template for bootstrapping with `Eslint` + `Husky` + `Prettier`.\n- [react-admin-dashboard](https:\u002F\u002Fgithub.com\u002Flarry-xue\u002Freact-admin-dashboard) - Dashboard template with `TypeScript`, `Vite`, `Ant Design`, `React Router`, `Zustand`, `Ant Design Charts`.\n- [vite-plugin-ssr-config](https:\u002F\u002Fgithub.com\u002Fyracnet\u002Fvite-plugin-ssr-config) - Configure server-side rendering (SSR) with `React`, `React-Query`, `React-Router`.\n- [portfolio-vite-manifest](https:\u002F\u002Fgithub.com\u002FSebConejo\u002Fportfolio-vite-manifest) - fullstack portfolio template with `Vite`, `React`, `TypeScript`, `Manifest`.\n\n#### Svelte\n\n- [SvelteKit](https:\u002F\u002Fgithub.com\u002Fsveltejs\u002Fkit) - The fastest way to build Svelte apps.\n- [svelte-vite-ssr](https:\u002F\u002Fgithub.com\u002Fjiangfengming\u002Fsvelte-vite-ssr) - Svelte with SSR support.\n- [template-vite-svelte-ts-tailwind](https:\u002F\u002Fgithub.com\u002FRoyRao2333\u002Ftemplate-vite-svelte-ts-tailwind) - Svelte + TypeScript + Tailwind CSS + Prettier.\n- [vite-svelte-flow-template](https:\u002F\u002Fgithub.com\u002Fxyflow\u002Fvite-svelte-flow-template) - Svelte Flow starter template.\n- [vite-svelte-docker-template](https:\u002F\u002Fgithub.com\u002Ftony-stark-eth\u002Fvite-svelte-docker-template) - `Docker` + `Svelte` + `Vitest`.\n\n#### Solid\n\n- [vitesse-solid](https:\u002F\u002Fgithub.com\u002Fxbmlz\u002Fvitesse-solid) - Opinionated Vite + SolidJS Starter Template. Includes TypeScript, ESLint, Prettier, UnoCSS, HopeUI and more.\n- [vitesse-lite-solid](https:\u002F\u002Fgithub.com\u002FNauxscript\u002Fvitesse-lite-solid) - Lightweight Vite Starter Template for SolidJS.\n\n#### Electron\n\n- [electron-vite-vue](https:\u002F\u002Fgithub.com\u002Felectron-vite\u002Felectron-vite-vue) - Electron + Vite + Vue template.\n- [electron-vite-react](https:\u002F\u002Fgithub.com\u002Felectron-vite\u002Felectron-vite-react) - Electron + Vite + React template.\n- [electron-vite-boilerplate](https:\u002F\u002Fgithub.com\u002Felectron-vite\u002Felectron-vite-boilerplate) - Support SerialPort, SQLite3 and node C\u002FC++ addons.\n- [electron-vite-template](https:\u002F\u002Fgithub.com\u002Fumbrella22\u002Felectron-vite-template) - Electron 13, Vue 3 and TypeScript. Make your desktop development easier.\n- [fast-vite-electron](https:\u002F\u002Fgithub.com\u002FArcherGu\u002Ffast-vite-electron) - Vue3 + Vite + Electron with esbuild.\n- [fast-vite-nestjs-electron](https:\u002F\u002Fgithub.com\u002FArcherGu\u002Ffast-vite-nestjs-electron) - Vue3 + Vite + Electron + Nestjs with esbuild.\n- [vite-plugin-electron-quick-start](https:\u002F\u002Fgithub.com\u002Felectron-vite\u002Fvite-plugin-electron-quick-start) - Template for Electron projects.\n- [vite-electron-builder](https:\u002F\u002Fgithub.com\u002Fcawa-93\u002Fvite-electron-builder\u002F) - Electron apps using Vite for both back and front-end, with automatic releases.\n- [vite-reactts-electron-starter](https:\u002F\u002Fgithub.com\u002Fmaxstue\u002Fvite-reactts-electron-starter) - React, Tailwind CSS, TypeScript and Electron.\n- [electron-vue-template](https:\u002F\u002Fgithub.com\u002FDeluze\u002Felectron-vue-template) - Electron template with TypeScript, including Electron Builder.\n- [Vitron](https:\u002F\u002Fgithub.com\u002Ftada5hi\u002Fvitron) - Build beautiful (win, Linux, mac) desktop apps for modern web projects with Vite and electron.\n- [Vutron](https:\u002F\u002Fgithub.com\u002Fjooy2\u002Fvutron) - Electron + Vite + Vue 3 + Pinia (TypeScript) template.\n- [vite-electron-plugin](https:\u002F\u002Fgithub.com\u002Felectron-vite\u002Fvite-electron-plugin) - High-performance, esbuild-based Vite Electron plugin.\n- [vite-plugin-doubleshot](https:\u002F\u002Fgithub.com\u002FDoubleshotjs\u002Fdoubleshot\u002Ftree\u002Fmain\u002Fpackages\u002Fplugin-vite) - For building Node.js backend or Electron main process.\n\n### Tauri\n\n- [HuLa](https:\u002F\u002Fgithub.com\u002FHuLaSpark\u002FHuLa) - is a desktop instant messaging app built on `Vite 5` + `Vue 3` + `TypeScript` + `Tauri` (not just instant messaging).\n\n#### Neutralino\n\n- [vite-react-neutralino-template](https:\u002F\u002Fgithub.com\u002FBonnev\u002Fvite-react-neutralino-template) - Neutralino + Vite + React template.\n\n#### Elm\n\n- [vite-elm-template](https:\u002F\u002Fgithub.com\u002Flindsaykwardell\u002Fvite-elm-template) - A default template for building Elm applications.\n- [elm_vite_tailwind_template](https:\u002F\u002Fgithub.com\u002Fgacallea\u002Felm_vite_tailwind_template) - Opinionated template for building Elm web apps using Tailwind CSS and Daisy UI.\n\n#### F# and Fable\n\n- [vite-plugin-fable](https:\u002F\u002Fgithub.com\u002Fnojaf\u002Fvite-plugin-fable) - Template with `.fs` and `.fsproj` files and the F# compiler.\n\n#### Petite-Vue\n\n#### VanJS\n\n#### GitHub\n\n- [github-action-template](https:\u002F\u002Fgithub.com\u002Fhywax\u002Fgithub-action-template) - Starter template for GitHub Actions, TypeScript, ESLint, Vitest, Husky, Conventional Commits.\n\n#### Others\n\n- [vit-singlefile-gzip](https:\u002F\u002Fgithub.com\u002FMillerRen\u002Fvite-singlefile-gzip.git) - Starter template for embedded.\n- [11st-Starter-Kit](https:\u002F\u002Fgithub.com\u002Fstefanfrede\u002F11st-starter-kit) - 11ty, powered by Vite with Tailwind CSS and Alpine.js.\n- [chrome-ext-template-preact-windi-vite](https:\u002F\u002Fgithub.com\u002Ffell-lucas\u002Fchrome-ext-template-preact-windi-vite) - Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions and Chrome Extension Manifest v3.\n- [vite-vue3-chrome-extension-v3](https:\u002F\u002Fgithub.com\u002Fmubaidr\u002Fvite-vue3-chrome-extension-v3) - Web extension starter template for Chrome, Firefox and Edge.\n\n## Plugins\n\n> [!IMPORTANT]\n> There's [Vite Plugin Registry](https:\u002F\u002Fregistry.vite.dev\u002Fplugins) that lists the plugins published to npm.\n> The list below is not updated.\n\n### Framework-agnostic Plugins\n\n#### Integrations\n\n- [@vitejs\u002Fplugin-legacy](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite\u002Ftree\u002Fmain\u002Fpackages\u002Fplugin-legacy) - Legacy browser support.\n- [vite-plugin-pwa](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fvite-plugin-pwa) - Zero-config PWA.\n- [vite-plugin-windicss](https:\u002F\u002Fgithub.com\u002Fwindicss\u002Fvite-plugin-windicss) - Windi CSS integration.\n- [vite-plugin-node](https:\u002F\u002Fgithub.com\u002Faxe-me\u002Fvite-plugin-node) - Integration with Node.js backend servers.\n- [vite-plugin-cesium](https:\u002F\u002Fgithub.com\u002Fnshen\u002Fvite-plugin-cesium) - Integration with Cesium library.\n- [vite-plugin-linter](https:\u002F\u002Fbitbucket.org\u002Funimorphic\u002Fvite-plugin-linter) - Extensible linter framework that shows the linting output in the Vite output and the browser console, includes ESLint & TypeScript ootb.\n- [vite-plugin-checker](https:\u002F\u002Fgithub.com\u002Ffi3ework\u002Fvite-plugin-checker) - Fast run checkers (TypeScript\u002FVLS\u002Fvue-tsc, etc.) in worker threads with overlay and terminal hint.\n- [vite-plugin-tauri](https:\u002F\u002Fgithub.com\u002Famrbashir\u002Fvite-plugin-tauri) - Integrate Tauri in a Vite project to build cross-platform apps.\n- [vite-plugin-federation](https:\u002F\u002Fgithub.com\u002Foriginjs\u002Fvite-plugin-federation) - Support Module Federation, Inspired by Webpack Module Federation feature.\n- [vite-plugin-wasm-pack](https:\u002F\u002Fgithub.com\u002Fnshen\u002Fvite-plugin-wasm-pack) - Integration with rust [wasm-pack](https:\u002F\u002Fgithub.com\u002Frustwasm\u002Fwasm-pack), the simple way.\n- [vite-plugin-comlink](https:\u002F\u002Fgithub.com\u002Fmathe42\u002Fvite-plugin-comlink) - Use WebWorkers with the power of [Comlink](https:\u002F\u002Fgithub.com\u002FGoogleChromeLabs\u002Fcomlink) to make them enjoyable.\n- [vite-plugin-sass-dts](https:\u002F\u002Fgithub.com\u002Factiveguild\u002Fvite-plugin-sass-dts) - This is a plugin that automatically creates a type file when using the CSS module type-safely.\n- [vite-plugin-ali-oss](https:\u002F\u002Fgithub.com\u002Fxiaweiss\u002Fvite-plugin-ali-oss) - Upload the production files bundled in the project to Ali OSS, except for HTML.\n- [vite-plugin-webfont-dl](https:\u002F\u002Fgithub.com\u002Ffeat-agency\u002Fvite-plugin-webfont-dl) - Downloads and injects webfonts (Google Fonts) to improve website's performance.\n- [vite-plugin-babel](https:\u002F\u002Fgithub.com\u002Fowlsdepartment\u002Fvite-plugin-babel) - Babel integration for both build and server to support f.ex. decorators or class fields in pure JS\u002FJSX files.\n- [vite-plugin-electron](https:\u002F\u002Fgithub.com\u002Felectron-vite\u002Fvite-plugin-electron) - Integrate Vite and Electron.\n- [vite-plugin-optimizer](https:\u002F\u002Fgithub.com\u002Fvite-plugin\u002Fvite-plugin-optimizer) - Manually Pre-Bundling.\n- [vite-plugin-babel-compiler](https:\u002F\u002Fgithub.com\u002Fyzydeveloper\u002Fvite-plugin-babel-compiler) - The plugin works with Babel compiler.\n- [vite-plugin-commonjs](https:\u002F\u002Fgithub.com\u002Fvite-plugin\u002Fvite-plugin-commonjs) - A pure JavaScript implementation for CommonJs.\n- [vite-plugin-mpa-plus](https:\u002F\u002Fgithub.com\u002Fyzydeveloper\u002Fvite-plugin-mpa-plus) - More flexible MPA (multi-page application) supports html templates, path rewriting.\n- [vite-plugin-multi-pages](https:\u002F\u002Fgithub.com\u002FMiofly\u002Fvite-plugin-multi-pages) - Multi Pages Support，can build src\u002Fpages anyPage，can set prefixName.\n- [vite-plugin-html-template-mpa](https:\u002F\u002Fgithub.com\u002FMiofly\u002Fvite-plugin-html-template-mpa) - Multi Pages Common template support.\n- [vite-plugin-vconsole-mpa](https:\u002F\u002Fgithub.com\u002FMiofly\u002Fvite-plugin-vconsole-mpa) - Multi Pages Vconsole supports，simple config.\n- [vite-plugin-browser-sync](https:\u002F\u002Fgithub.com\u002FApplelo\u002Fvite-plugin-browser-sync) - BrowserSync.\n- [vite-plugin-jspm](https:\u002F\u002Fgithub.com\u002Fjspm\u002Fvite-plugin-jspm) - Resolves dependencies independently from CDN providers using import maps and es-module-shims.\n- [vite-plugin-env-switch](https:\u002F\u002Fgithub.com\u002FPengBoUESTC\u002Fvite-plugin-env-switch) - Switch project env and restart Vite server without command line operation.\n- [vite-plugin-virtual-mpa](https:\u002F\u002Fgithub.com\u002Femosheeep\u002Fvite-plugin-virtual-mpa) - Out-of-box MPA plugin, with html template engine and virtual files support, which generate multiple files using only one template.\n- [vite-plugin-stylelint](https:\u002F\u002Fgithub.com\u002FModyQyW\u002Fvite-plugin-stylelint) - Runs Stylelint synchronously\u002Fasynchronously.\n- [Vite-plugin-graphiql](https:\u002F\u002Fgithub.com\u002Fmammadataei\u002Fvite-plugin-graphiql) - Integration for GraphiQL IDE.\n- [vite-plugin-graphql-server](https:\u002F\u002Fgithub.com\u002Fmammadataei\u002Fvite-plugin-graphql-server) - Bootstrap a local GraphQL server for testing and documentaion.\n- [unplugin-fonts](https:\u002F\u002Fgithub.com\u002FcssninjaStudio\u002Funplugin-fonts) - Load font from Typekit, Google Fonts, Fontsource or your own custom one.\n- [unplugin-config](https:\u002F\u002Fgithub.com\u002Fkirklin\u002Funplugin-config) - Configuration file generator for web apps, allowing external customization of global variables without repackaging.\n- [vite-plugin-svg-spritemap](https:\u002F\u002Fgithub.com\u002Fg-makarov\u002Fvite-plugin-svg-spritemap) - Generates a SVG spritemap from multiple .svg files.\n- [vite-plugin-dc](https:\u002F\u002Fgithub.com\u002Fdvgis\u002Fvite-plugin-dc) - Integration with @dvgis\u002Fdc-sdk library.\n- [@spiriit\u002Fvite-plugin-svg-spritemap](https:\u002F\u002Fgithub.com\u002FSpiriitLabs\u002Fvite-plugin-svg-spritemap) - Pack your SVG files in one spritemap file and use them with `\u003Csvg>`\u002F`\u003Cimg>` and directly in your CSS.\n- [vite-plugin-auto-mpa-html](https:\u002F\u002Fgithub.com\u002Fiamspark1e\u002Fvite-plugin-auto-mpa-html) - A file directory-based automated multi-page build plugin that supports HTML templates using EJS.\n- [vite-plugin-cloudflare-functions](https:\u002F\u002Fgithub.com\u002Fyjl9903\u002Fvite-plugin-cloudflare-functions) - Cloudflare pages function integration.\n- [`@storybook\u002Fbuilder-vite`](https:\u002F\u002Fgithub.com\u002Fstorybookjs\u002Fstorybook\u002Ftree\u002Fnext\u002Fcode\u002Fbuilders\u002Fbuilder-vite\u002F) - Storybook builder.\n- [@builder.io\u002Fpartytown](https:\u002F\u002Fgithub.com\u002FBuilderIO\u002Fpartytown) - Relocate resource intensive third-party scripts off of the main thread and into a web worker.\n- [vite-plugin-dynamic-proxy](https:\u002F\u002Fgithub.com\u002Fzjpzjp\u002Fvite-plugin-debug-proxy) - Automatically configure reverse proxies based on URL parameters.\n- [unplugin-auto-export](https:\u002F\u002Fgithub.com\u002Fcoderhyh\u002Funplugin-auto-export) - Automates the maintenance of export statements in the index.ts file.\n- [remix-development-tools](https:\u002F\u002Fgithub.com\u002Fforge42dev\u002FRemix-Dev-Tools) - Plugin for Remix.run development tools.\n- [vite-plugin-legacy-swc](https:\u002F\u002Fgithub.com\u002FCyanSalt\u002Fvite-plugin-legacy-swc) - Legacy browser support with SWC.\n- [vite-plugin-biome](https:\u002F\u002Fgithub.com\u002Fskrulling\u002Fvite-plugin-biome) - Biome linter.\n- [vite-plugin-oxlint](https:\u002F\u002Fgithub.com\u002F52-entertainment\u002Fvite-plugin-oxlint) - Oxlint linter.\n- [@tomjs\u002Fvite-plugin-electron](https:\u002F\u002Fgithub.com\u002Ftomjs\u002Fvite-plugin-electron) - Easily develop `Electron` applications.\n- [@tomjs\u002Fvite-plugin-vscode](https:\u002F\u002Fgithub.com\u002Ftomjs\u002Fvite-plugin-vscode) - Easily use web frameworks to develop `VSCode Extension`'s `Webview`, and support `HMR` and `Debug`.\n- [vite-plugin-px-rem-vw](https:\u002F\u002Fgithub.com\u002Fzscumt123\u002Fvite-plugin-px-rem-vw) - Integrate PostCSS plugin pxTorem and pxTovw.\n- [vite-plugin-mpg](https:\u002F\u002Fgithub.com\u002Fjust-ads\u002Fvite-plugin-multi-page) - Simple configuration of multi page applications.\n- [vite-plugin-pagefind](https:\u002F\u002Fgithub.com\u002FHugos68\u002Fvite-plugin-pagefind) - Integrate `pagefind` search.\n- [@mistjs\u002Fvite-plugin-px2viewport](https:\u002F\u002Fgithub.com\u002Faibayanyu20\u002Fvite-plugins\u002Ftree\u002Fmain\u002Fpackages\u002Fpx2viewport) - A plugin that automatically converts inline styles and style files from px units to vw units.\n- [vite-multiple-assets](https:\u002F\u002Fgithub.com\u002Fnguyenbatranvan\u002Fvite-multiple-assets) - Add support for multiple public asset directories.\n- [vite-create-production-server-plugin](https:\u002F\u002Fgithub.com\u002Fjrtderonde\u002Fvite-create-production-server-plugin) - Spin up a production HTTP serve after build.\n- [vite-plugin-eslint2](https:\u002F\u002Fgithub.com\u002FModyQyW\u002Fvite-plugin-eslint2) - Runs ESLint synchronously\u002Fasynchronously.\n- [vite-plugin-page-html](https:\u002F\u002Fgithub.com\u002FMarinerer\u002Fvite-plugins\u002Ftree\u002Fmain\u002Fpackages\u002Fpage-html) - Multi-page generic template plugin, support `ejs` template syntax. Similar to `vue-cli` pages configuration.\n- [vite-plugin-vanilla](https:\u002F\u002Fgithub.com\u002FMarinerer\u002Fvite-plugins\u002Ftree\u002Fmain\u002Fpackages\u002Fvanilla) - Vanilla multi-page web development mode.\n- [genaicode\u002Fvite-plugin](https:\u002F\u002Fgithub.com\u002Fgtanczyk\u002Fgenaicode\u002Ftree\u002Fmaster\u002Fsrc\u002Fvite-genaicode\u002F) - A plugin that embeds an AI coding assistant into the app UI.\n- [vite-plugin-year](https:\u002F\u002Fgithub.com\u002F8hobbies\u002Fvite-plugin-year) - Inserts the current year to the HTML file during build. Useful for adding a copyright year to the HTML file.\n- [vite-plugin-llms](https:\u002F\u002Fgithub.com\u002Fsaschaseniuk\u002Fvite-plugin-llms) - Integration for the llms.txt specification supporting AI optimized content alongside application routes.\n- [`module-federation\u002Fvite`](https:\u002F\u002Fgithub.com\u002Fmodule-federation\u002Fvite) - Official Module Federation integration, enabling dynamic remote module loading.\n\n#### Loaders\n\n- [unplugin-icons](https:\u002F\u002Fgithub.com\u002Fantfu\u002Funplugin-icons) - Access thousands of icons as components.\n- [vite-imagetools](https:\u002F\u002Fgithub.com\u002FJonasKruckenberg\u002Fvite-imagetools) - Load and transform images using url query parameters.\n- [vite-plugin-radar](https:\u002F\u002Fgithub.com\u002Fstafyniaksacha\u002Fvite-plugin-radar) - All in one analytics loader (with 7+ providers supported).\n- [vite-plugin-glsl](https:\u002F\u002Fgithub.com\u002FUstymUkhman\u002Fvite-plugin-glsl) - Import shader file chunks.\n- [vite-plugin-svgo](https:\u002F\u002Fgithub.com\u002Fr3dDoX\u002Fvite-plugin-svgo) - Load SVGs as plain string and transform with SVGO library.\n- [vite-plugin-remark-rehype](https:\u002F\u002Fgithub.com\u002Fy-nk\u002Fvite-plugin-remark-rehype) - Loads and transform markdown files using the unified ecosystem.\n- [vite-plugin-php](https:\u002F\u002Fgithub.com\u002Fdonnikitos\u002Fvite-plugin-php) - Load and process PHP-entry files instead of default index.html.\n- [vite-plugin-lqip](https:\u002F\u002Fgithub.com\u002Fdrwpow\u002Fvite-plugin-lqip) - Generate low quality image placeholders (LQIP).\n- [vite-plugin-ms-clarity](https:\u002F\u002Fgithub.com\u002FKermanX\u002Fvite-plugin-ms-clarity) - Inject the Microsoft Clarity script to `index.html`.\n- [@cyco130\u002Fvite-plugin-mdx](https:\u002F\u002Fgithub.com\u002Fcyco130\u002Fvite-plugin-mdx) - Import MDX.\n- [vite-awesome-svg-loader](https:\u002F\u002Fgithub.com\u002Fmatafokka\u002Fvite-awesome-svg-loader) - Imports SVGs as source code, base64 and data URI. Preserves stroke width, replaces colors with currentColor. Optimizes SVGs with SVGO. Creates SVG sprites.\n- [vite-plugin-dir2json](https:\u002F\u002Fgithub.com\u002Fbuddywang\u002Fvite-plugin-dir2json) - Convert the directory structure into json data containing supported file paths.\n- [@responsive-image\u002Fvite-plugin](https:\u002F\u002Fgithub.com\u002Fsimonihmig\u002Fresponsive-image) - Transform and generate optimized responsive images (WebP, AVIF) and LQIP placeholders for use with image components.\n- [@goodforyou\u002Fvite-plugin-markdown-import](https:\u002F\u002Fgithub.com\u002Fgood-for-you-web-services\u002Fvite-plugin-import-markdown) - Directly import Markdown files as a string, with support for front-matter attributes as an object.\n\n#### Bundling\n\n- [rollup-plugin-critical](https:\u002F\u002Fgithub.com\u002Fnystudio107\u002Frollup-plugin-critical) - Generate critical CSS.\n- [vite-plugin-dts](https:\u002F\u002Fgithub.com\u002Fqmhc\u002Fvite-plugin-dts) - Generate declaration files from `.ts` or `.vue` source files for lib.\n- [vite-compression-plugin](https:\u002F\u002Fgithub.com\u002FXeryYue\u002Fvite-compression-plugin) - Use Node.js stream compress file to gzip or more.\n- [vite-plugin-chunk-split](https:\u002F\u002Fgithub.com\u002Fsanyuan0704\u002Fvite-plugin-chunk-split) - Automatically code splitting, support unbundle in production.\n- [vite-plugin-static-copy](https:\u002F\u002Fgithub.com\u002Fsapphi-red\u002Fvite-plugin-static-copy) - Copy files and folders.\n- [vite-plugin-zip-file](https:\u002F\u002Fgithub.com\u002FSsis53\u002Fvite-plugin-zip) - Compress files or folders into zip.\n- [vite-plugin-zip-pack](https:\u002F\u002Fgithub.com\u002F7th-Cyborg\u002Fvite-plugin-zip-pack) - Pack distribution\u002Fbuild folder into a zip file.\n- [vite-plugin-cp](https:\u002F\u002Fgithub.com\u002Ffengxinming\u002Fvite-plugins\u002Ftree\u002Fmain\u002Fpackages\u002Fvite-plugin-cp) - Copy files after building bundles.\n- [unplugin-imagemin](https:\u002F\u002Fgithub.com\u002FErKeLost\u002Funplugin-imagemin) - High performance compressed Picture based on squoosh and sharp.\n- [vite-plugin-image-optimizer](https:\u002F\u002Fgithub.com\u002FFatehAK\u002Fvite-plugin-image-optimizer) - Optimize (compress) your image assets using Sharp.js and SVGO at build time.\n- [vite-plugin-no-bundle](https:\u002F\u002Fgithub.com\u002FManBearTM\u002Fvite-plugin-no-bundle) - Generate unbundled code for use with native ESM or other bundlers.\n- [vite-plugin-css-injected-by-js](https:\u002F\u002Fgithub.com\u002Fmarco-prontera\u002Fvite-plugin-css-injected-by-js) - Takes the CSS and adds it to the page through the JS.\n- [unplugin-zip-pack](https:\u002F\u002Fgithub.com\u002Fiamspark1e\u002Funplugin-zip-pack) - Zip your dist with filter function support.\n- [vite-plugin-singlefile](https:\u002F\u002Fgithub.com\u002Frichardtallent\u002Fvite-plugin-singlefile) - Inline all JavaScript and CSS resources directly into the final `dist\u002Findex.html` file.\n- [vite-plugin-node-polyfills](https:\u002F\u002Fgithub.com\u002Fdavidmyersdev\u002Fvite-plugin-node-polyfills) - Polyfill Node's Core Modules for browser environments.\n- [vite-plugin-cdn2](https:\u002F\u002Fgithub.com\u002Fnonzzz\u002Fvite-plugin-cdn) - Replace module with CDN.\n- [vite-plugin-bundle-prefetch](https:\u002F\u002Fgithub.com\u002Fdreambo8563\u002Fvite-plugin-bundle-prefetch) - Inject prefetch assets into `index.html`.\n- [vite-plugin-imagemin](https:\u002F\u002Fgithub.com\u002FvHeemstra\u002Fvite-plugin-imagemin) - Optimize and compress your image assets and optionally create WebP\u002FAVIF.\n- [vite-plugin-lib-types](https:\u002F\u002Fgithub.com\u002Fkeuby\u002Fvite-plugin-lib-types) - Generate DTS file while building library.\n- [vite-plugin-minipic](https:\u002F\u002Fgithub.com\u002F60late\u002Fvite-plugin-minipic) - Efficient image compression tool.\n- [vite-plugin-robots](https:\u002F\u002Fgithub.com\u002Fkolirt\u002Fvite-plugin-robots) - Generating `robots.txt`.\n- [vite-plugin-bundle-obfuscator](https:\u002F\u002Fgithub.com\u002Fz0ffy\u002Fvite-plugin-bundle-obfuscator) - JavaScript obfuscator.\n- [@yuanjianming\u002Funplugin-image-convert](https:\u002F\u002Fgithub.com\u002Fyuan66-hub\u002Funplugin-image-convert) - Image multi format conversion plugin based on sharp.js.\n- [vite-plugin-dynamic-chunk](https:\u002F\u002Fgithub.com\u002FMrQinYQ\u002Fvite-plugin-dynamic-chunk) - Split dependencies between entry and dynamic entry, and merge small chunks.\n- [@yuanjianming\u002Funplugin-compress-svga](https:\u002F\u002Fgithub.com\u002Fyuan66-hub\u002Funplugin-compress-svga) - Compress SVGA.\n- [@yuanjianming\u002Funplugin-font-spider](https:\u002F\u002Fgithub.com\u002Fyuan66-hub\u002Funplugin-font-spider) - A webfont compression plugin.\n- [vite-plugin-static-filehash](https:\u002F\u002Fgithub.com\u002FMrQinYQ\u002Fvite-plugin-static-filehash) - It can help the program improve the cache hit rate.\n- [vite-plugin-singlefile-compression](https:\u002F\u002Fgithub.com\u002Fbddjr\u002Fvite-plugin-singlefile-compression) - Compress all assets and embeds them into `dist\u002Findex.html`, making it convenient to share as a single HTML file.\n- [vite-plugin-builder](https:\u002F\u002Fgithub.com\u002Fyracnet\u002Fvite-plugin-builder) - Enable dual compilation for Server-Side Rendering (SSR) and Client-Side Rendering (CSR).\n\n#### Transformers\n\n- [vite-plugin-html](https:\u002F\u002Fgithub.com\u002Fanncwb\u002Fvite-plugin-html) - Plugin to minimize and use ejs template syntax in `index.html`.\n- [vite-plugin-ts-nameof](https:\u002F\u002Fgithub.com\u002FShinigami92\u002Fvite-plugin-ts-nameof) - Ability to resolve [nameof](https:\u002F\u002Fgithub.com\u002Fdsherret\u002Fts-nameof) in TypeScript.\n- [vite-plugin-handlebars](https:\u002F\u002Fgithub.com\u002Falexlafroscia\u002Fvite-plugin-handlebars) - Process HTML files with Handlebars.\n- [vite-plugin-virtual-html](https:\u002F\u002Fgithub.com\u002FWindson1806\u002Fvite-plugin-virtual-html) - Make Vite MPA consistent with `@vue\u002Fcli`.\n- [vite-plugin-content](https:\u002F\u002Fgithub.com\u002Foriginjs\u002Forigin.js\u002Ftree\u002Fmain\u002Fpackages\u002Fvite-plugin-content) - Convert `yaml`, `xml`, `ini`, `toml`, `csv`, `plist` and `properties` files to ES6 modules.\n- [vite-plugin-require](https:\u002F\u002Fgithub.com\u002Fwangzongming\u002Fvite-plugin-require) - A Vite plugin that supports `require` by code transforming.\n- [vite-plugin-global-style](https:\u002F\u002Fgithub.com\u002Foriginjs\u002Forigin.js\u002Ftree\u002Fmain\u002Fpackages\u002Fvite-plugin-global-style) - Deal with global styles for CSS, SASS, LESS and Stylus.\n- [vite-plugin-shared-modules](https:\u002F\u002Fgithub.com\u002Fzheeeng\u002Fvite-plugin-shared-modules) - Share node_modules in monorepos.\n- [vite-plugin-pug-transformer](https:\u002F\u002Fgithub.com\u002FTheSeally\u002Fvite-plugin-pug-transformer) - Pug template engine support.\n- [@import-meta-env\u002Funplugin](https:\u002F\u002Fgithub.com\u002Fruntime-env\u002Fimport-meta-env) - Inject environment variables into the `import.meta.env` object after building the application instead of statically replacing it during production.\n- [@modyfi\u002Fvite-plugin-yaml](https:\u002F\u002Fgithub.com\u002FModyfi\u002Fvite-plugin-yaml) - Transform YAML files to ESM with schema validation and error reporting.\n- [vite-plugin-html-inject](https:\u002F\u002Fgithub.com\u002Fdonnikitos\u002Fvite-plugin-html-inject) - Split the `index.html` into smaller reusable pieces.\n- [unplugin-inject-preload](https:\u002F\u002Fgithub.com\u002FApplelo\u002Funplugin-inject-preload) - Inject `\u003Clink rel=\"preload\">` to your `index.html` based on your build assets.\n- [@vituum\u002Fvite-plugin-handlebars](https:\u002F\u002Fgithub.com\u002Fvituum\u002Fvite-plugin-handlebars) - Handlebars template engine support, transforms `.hbs` templates to `.html`.\n- [@vituum\u002Fvite-plugin-pug](https:\u002F\u002Fgithub.com\u002Fvituum\u002Fvite-plugin-pug) - Pug template engine support, transforms `.pug` templates to `.html`.\n- [@vituum\u002Fvite-plugin-nunjucks](https:\u002F\u002Fgithub.com\u002Fvituum\u002Fvite-plugin-nunjucks) - Nunjucks template engine support, transforms `.njk` templates to `.html`.\n- [@vituum\u002Fvite-plugin-liquid](https:\u002F\u002Fgithub.com\u002Fvituum\u002Fvite-plugin-liquid) - Liquid template engine support, transforms `.liquid` templates to `.html`.\n- [@vituum\u002Fvite-plugin-twig](https:\u002F\u002Fgithub.com\u002Fvituum\u002Fvite-plugin-twig) - Twig template engine support, transforms `.twig` templates to `.html`.\n- [@vituum\u002Fvite-plugin-latte](https:\u002F\u002Fgithub.com\u002Fvituum\u002Fvite-plugin-latte) - Latte template engine support, transforms `.latte` templates to `.html`.\n- [@vituum\u002Fvite-plugin-posthtml](https:\u002F\u002Fgithub.com\u002Fvituum\u002Fvite-plugin-posthtml) - PostHTML support, transforms syntax to `.html`.\n- [@vituum\u002Fvite-plugin-juice](https:\u002F\u002Fgithub.com\u002Fvituum\u002Fvite-plugin-juice) - Juice support, transforms `.css` to inline styles in `.html`.\n- [vite-plugin-version-mark](https:\u002F\u002Fgithub.com\u002FZhongxuYang\u002Fvite-plugin-version-mark) - Automatically use `package version` \u002F `git commit` \u002F `custom` to be inserted into your project as a unique identifier for the project version.\n- [vite-plugin-css-export](https:\u002F\u002Fgithub.com\u002Fshixuanhong\u002Fvite-plugin-css-export) - Export variables from CSS to JavaScript, and support nested rules.\n- [vite-plugin-optimize-css-modules](https:\u002F\u002Fgithub.com\u002FSimonwep\u002Fvite-plugin-optimize-css-modules) - Generate the smallest possible CSS-Classes when CSS-Modules are used.\n- [vite-plugin-generate-html](https:\u002F\u002Fgithub.com\u002Fgedouu\u002Fvite-plugin-generate-html) - Define separate output files for JavaScript and CSS bundles.\n- [vite-plugin-turbo-console](https:\u002F\u002Fgithub.com\u002Fyuyinws\u002Fvite-plugin-turbo-console) - Enhance the readability of `console.log()`.\n- [vite-plugin-html-injection](https:\u002F\u002Fgithub.com\u002Faltrusl\u002Fvite-plugin-html-injection) - Inject HTML, JavaScript and CSS code snippets into the `index.html`.\n- [vite-plugin-typescript-transform](https:\u002F\u002Fgithub.com\u002Fherberttn\u002Fvite-plugin-typescript-transform) - Applies the TypeScript compiler during Vite's transform build phase.\n- [vite-plugin-public-typescript](https:\u002F\u002Fgithub.com\u002Fhemengke1997\u002Fvite-plugin-public-typescript) - Inject TypeScript into `index.html`.\n- [unplugin-generate-component-name](https:\u002F\u002Fgithub.com\u002FCCherry07\u002Funplugin-generate-component-name) - Automatically generate component's name.\n- [@laynezh\u002Fvite-plugin-lib-assets](https:\u002F\u002Fgithub.com\u002Flaynezh\u002Fvite-plugin-lib-assets) - Extracts resource files referenced in `library mode` instead of embedded them as base64.\n- [css-media-splitter\u002Fvite-plugin](https:\u002F\u002Fgithub.com\u002Flevchak0910\u002Fcss-media-splitter) - Extracts all `@media` At-rules into a dedicated `.css` files and download it only when matches the media query.\n- [@tomjs\u002Fvite-plugin-html](https:\u002F\u002Fgithub.com\u002Ftomjs\u002Fvite-plugin-html) - Support compression, loading, CDN and others for `index.html`.\n- [@tomjs\u002Fvite-plugin-iconify](https:\u002F\u002Fgithub.com\u002Ftomjs\u002Fvite-plugin-iconify) - Inject the global variable `IconifyProviders` into `index.html` for `iconify`, and support local area network and custom url.\n- [vite-plugin-icons-spritesheet](https:\u002F\u002Fgithub.com\u002Fforge42dev\u002Fvite-plugin-icons-spritesheet) - Generate a spritesheet and TypeScript types from SVG icons by listening to the icons folder changes.\n- [vite-plugin-abbrlink](https:\u002F\u002Fgithub.com\u002Ftangerball\u002Fabbrlink\u002Ftree\u002Fmaster\u002Fpackages\u002Fvite-plugin-abbrlink#readme) - Add the abbrlink attribute to the `markdown` file in the specified directory.\n- [vite-plugin-native](https:\u002F\u002Fgithub.com\u002Fvite-plugin\u002Fvite-plugin-native) - Supports Node\u002FElectron C\u002FC++ native addons.\n- [@yoichiro\u002Fvite-plugin-handlebars](https:\u002F\u002Fgithub.com\u002Fyoichiro\u002Fvite-plugin-handlebars) - Import of Handlebars templates `.hbs` as ES Modules.\n- [vite-plugin-magic-preloader](https:\u002F\u002Fgithub.com\u002Fcszhjh\u002Fvite-plugin-magic-preloader) - Generate `\u003Clink rel=\"prefetch\" \u002F>` or `\u003Clink rel=\"preload\" \u002F>` tags through magic comments and inject them into `index.html`.\n- [vite-plugin-replace-lodash](https:\u002F\u002Fgithub.com\u002Fmingtianyihou33\u002Fvite-plugin-replace-lodash) - Replacing the import of `lodash` with `lodash-es` is more beneficial to tree-shaking.\n- [vite-plugin-dynamic-prefetch](https:\u002F\u002Fgithub.com\u002FLinh-Tran-0312\u002Fvite-plugin-dynamic-prefetch) - Inject `\u003Clink rel=\"prefetch\" \u002F>` tags into the HTML file for dynamic modules at runtime.\n- [vite-plugin-material-symbols](https:\u002F\u002Fgithub.com\u002FRobinTail\u002Fvite-plugin-material-symbols) - Selective loading of Material Symbols font icons based on source code analysis.\n\n#### Helpers\n\n- [vite-tsconfig-paths](https:\u002F\u002Fgithub.com\u002Faleclarson\u002Fvite-tsconfig-paths) - Support for TypeScript's path mapping.\n- [vite-aliases](https:\u002F\u002Fgithub.com\u002Fsubwaytime\u002Fvite-aliases) - Alias auto-generation based on project structure.\n- [vite-plugin-mkcert](https:\u002F\u002Fgithub.com\u002FliuweiGL\u002Fvite-plugin-mkcert) - Provide certificates https dev server.\n- [vite-plugin-vconsole](https:\u002F\u002Fgithub.com\u002Fvadxq\u002Fvite-plugin-vconsole) - Help developers use vconsole to facilitate mobile development and debugging.\n- [vite-plugin-mock-server](https:\u002F\u002Fgithub.com\u002Fenjoycoding\u002Fvite-plugin-mock-server) - Mock server plugin, support using TS and JS to write Mock API and HMR.\n- [vitawind](https:\u002F\u002Fgithub.com\u002Fhuibizhang\u002Fvitawind) - Install and Setting Tailwind CSS automatically.\n- [vite-plugin-restart](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fvite-plugin-restart) - Restart the Vite server on file changes.\n- [vite-plugin-full-reload](https:\u002F\u002Fgithub.com\u002FElMassimo\u002Fvite-plugin-full-reload) - Reload the browser on file changes.\n- [vite-plugin-tips](https:\u002F\u002Fgithub.com\u002Fyingpengsha\u002Fvite-plugin-tips) - Provide better development server status tips on the page.\n- [vite-plugin-external](https:\u002F\u002Fgithub.com\u002Ffengxinming\u002Fvite-plugins\u002Ftree\u002Fmain\u002Fpackages\u002Fvite-plugin-external) - Provides a way of excluding dependencies from the runtime code and output bundles.\n- [unplugin-auto-import](https:\u002F\u002Fgithub.com\u002Fantfu\u002Funplugin-auto-import) - On-demand API auto-importing.\n- [vite-plugin-inspect](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fvite-plugin-inspect) - Inspect the intermediate state of Vite plugins.\n- [vite-plugin-remove-console](https:\u002F\u002Fgithub.com\u002Fxiaoxian521\u002Fvite-plugin-remove-console) - A Vite plugin that deletes console.log in the production environment.\n- [vite-plugin-dev-manifest](https:\u002F\u002Fgithub.com\u002Fowlsdepartment\u002Fvite-plugin-dev-manifest) - Generates `manifest.dev.json` during dev server, for backend integration with any language\u002Fframework.\n- [vite-plugin-watch-and-run](https:\u002F\u002Fgithub.com\u002Fjycouet\u002Fkitql\u002Ftree\u002Fmain\u002Fpackages\u002Fvite-plugin-watch-and-run) - Watch some files (glob) and trigger a command. To enable any tool to have a watch mode.\n- [vite-plugin-dynamic-base](https:\u002F\u002Fgithub.com\u002Fchenxch\u002Fvite-plugin-dynamic-base) - Resolve all resource files dynamic publicPath.\n- [vite-plugin-live-reload](https:\u002F\u002Fgithub.com\u002Farnoson\u002Fvite-plugin-live-reload) - Live reloading.\n- [vite-plugin-simple-vconsole](https:\u002F\u002Fgithub.com\u002Fvenojs\u002Fvite-plugin-simple-vconsole) - A debug console view inside your app to make mobile debugging easier, for both SPA and MPA.\n- [vite-plugin-qrcode](https:\u002F\u002Fgithub.com\u002Fsvitejs\u002Fvite-plugin-qrcode) - Show QR code on server start.\n- [vite-plugin-cem](https:\u002F\u002Fgithub.com\u002FKamiapp-fr\u002Fvite-plugin-cem) - Generates `custom-elements.json` manifest for describing custom elements.\n- [vite-plugin-web-update-notification](https:\u002F\u002Fgithub.com\u002FGreatAuk\u002Fplugin-web-update-notification) - Detect webpage updates and notify user to reload. support Vite and umijs.\n- [vite-plugin-browserslist-useragent](https:\u002F\u002Fgithub.com\u002Fkingyue737\u002Fvite-plugin-browserslist-useragent) - Compile browserslist query to a RegExp to test browser useragent.\n- [vite-plugin-validate-env](https:\u002F\u002Fgithub.com\u002FJulien-R44\u002Fvite-plugin-validate-env) - Validate your environment variables at build time. Never forget an environment variable again.\n- [vite-plugin-mock-data](https:\u002F\u002Fgithub.com\u002Ffengxinming\u002Fvite-plugins\u002Ftree\u002Fmain\u002Fpackages\u002Fvite-plugin-mock-data) - Provides a simple way to mock data.\n- [vite-plugin-reverse-proxy](https:\u002F\u002Fgithub.com\u002Ffengxinming\u002Fvite-plugins\u002Ftree\u002Fmain\u002Fpackages\u002Fvite-plugin-reverse-proxy) - Sometimes we have to redirect scripts on production environment to debug and solve problems, the plugin will transform the script to be served with the `text\u002Fjavascript` MIME type to `module` MIME type.\n- [vite-plugin-conditional-compile](https:\u002F\u002Fgithub.com\u002FKeJunMao\u002Fvite-plugin-conditional-compile) - Conditional compilation syntax based on environment variables.\n- [vite-plugin-mock-dev-server](https:\u002F\u002Fgithub.com\u002Fpengzhanbo\u002Fvite-plugin-mock-dev-server) - Mock server for development, support CJS\u002FESM\u002FJSON, auto-importing file and HMR.\n- [vite-plugin-api](https:\u002F\u002Fgithub.com\u002Fyracnet\u002Fvite-plugin-api) - Generate route mapping for API Routes services from the directory tree.\n- [vite-plugin-shortcuts](https:\u002F\u002Fgithub.com\u002Fkinfuy\u002Fvite-plugin-shortcuts) - Add additional customized shortcut key population.\n- [vite-plugin-entry-shaking](https:\u002F\u002Fgithub.com\u002FDschungelabenteuer\u002Fvite-plugin-entry-shaking) - Mimic tree-shaking behaviour when importing code from an entry file in development mode.\n- [vite-plugin-auto-alias](https:\u002F\u002Fgithub.com\u002FjwyGithub\u002Fvite-plugin-auto-alias) - Automatically generate alias based on path.\n- [vite-plugin-image-placeholder](https:\u002F\u002Fgithub.com\u002Fpengzhanbo\u002Fvite-plugin-image-placeholder) - Generate placeholder images by path matches.\n- [vite-plugin-find-image-duplicates](https:\u002F\u002Fgithub.com\u002FwChenonly\u002Fvite-plugin-find-image-duplicates) - Find if there are duplicate images in your project when building it.\n- [@froxz\u002Fvite-plugin-s3](https:\u002F\u002Fgithub.com\u002FFroxz\u002Fvite-plugin-s3) - Allows you to upload files to S3.\n- [vite-plugin-vitepress-auto-sidebar](https:\u002F\u002Fgithub.com\u002FQC2168\u002Fvite-plugin-vitepress-auto-sidebar) - Automatically generates sidebar data by scanning directories, based on vitepress.\n- [vite-plugin-global-const](https:\u002F\u002Fgithub.com\u002Fcensujiang\u002Fvite-plugin-global-const) - Define constants for reuse of your code.\n- [vite-plugin-cli-copy](https:\u002F\u002Fgithub.com\u002FwChenonly\u002Fvite-plugin-cli-copy) - Start the project and automatically copy the terminal's network URL.\n- [vite-plugin-module-list](https:\u002F\u002Fgithub.com\u002Fdavidbonnet\u002Fvite-plugin-module-list) - Automatically import the modules found in a specified folder.\n- [unplugin-info](https:\u002F\u002Fgithub.com\u002Fyjl9903\u002Funplugin-info) - Export build information as a virutal module.\n- [vite-plugin-auto-origin](https:\u002F\u002Fgithub.com\u002Fs2b\u002Fvite-plugin-auto-origin) - Detect origin configuration automatically based on incoming requests to dev server.\n- [vite-plugin-deadfile](https:\u002F\u002Fgithub.com\u002Fstauren\u002Fvite-plugin-deadfile) - Find unused source files in the project.\n- [vite-bundle-analyzer](https:\u002F\u002Fgithub.com\u002Fnonzzz\u002Fvite-bundle-analyzer) - Utility that represents bundles as an interactive treemap.\n- [vite-font-extractor-plugin](https:\u002F\u002Fgithub.com\u002Fa3mitskevich\u002Fvite-font-extractor-plugin) - Utility that minification bundle fonts by glyphs.\n- [vite-plugin-i18n-detector](https:\u002F\u002Fgithub.com\u002Fhemengke1997\u002Fvite-plugin-i18n-detector) - Lazyload i18n locale resources.\n- [vite-plugin-ngrok](https:\u002F\u002Fgithub.com\u002Faphex\u002Fvite-plugin-ngrok) - Integration with Ngrok, allowing you to easily share your local development server.\n- [vite-plugin-docker](https:\u002F\u002Fgithub.com\u002Fyracnet\u002Fvite-plugin-docker) - Docker utility based on Dockerode.\n- [vite-plugin-api-routes](https:\u002F\u002Fgithub.com\u002Fyracnet\u002Fvite-plugin-api-routes) - Generate route mapping for API Routes services from the directory tree.\n- [unplugin-detect-duplicated-deps](https:\u002F\u002Fgithub.com\u002Ftjx666\u002Funplugin-detect-duplicated-deps) - Detect duplicate packaged dependencies.\n- [vite-plugin-vitepress-auto-nav](https:\u002F\u002Fgithub.com\u002FXaviw\u002Fvite-plugin-vitepress-auto-nav) - Automatically generates `sidebar` and `nav` configurations by scanning directories, based on VitePress.\n- [vite-plugin-pretty-module-classnames](https:\u002F\u002Fgithub.com\u002Fteplostanski\u002Fvite-plugin-pretty-module-classnames) - Adds the filename without the `-module` suffix to the class names of CSS modules.\n- [vite-plugin-serve-static](https:\u002F\u002Fgithub.com\u002Freifiedbeans\u002Fvite-plugin-serve-static) - Allows serving arbitrary static files not in the `public\u002F` directory.\n- [vite-plugin-valibot-env](https:\u002F\u002Fgithub.com\u002Fidleberg\u002Fvite-plugin-valibot-env) - Validate environment variables against a Valibot schema.\n- [vite-plugin-vitest-cache](https:\u002F\u002Fgithub.com\u002Fraegen\u002Fvite-plugin-vitest-cache) - Optimize `Vitest` execution time through caching.\n- [vite-preload](https:\u002F\u002Fgithub.com\u002Fwille\u002Fvite-preload) - Preloads lazy loaded modules and stylesheets that were rendered by the server using 103 Early Hints, Link headers or link tags.\n- [vite-plugin-envtype-patch](https:\u002F\u002Fgithub.com\u002FPengBoUESTC\u002Fvite-plugin-envtype-patch) - Generate `type` info for `import.meta.env`.\n\n#### Testing\n\n- [`vitest`](https:\u002F\u002Fgithub.com\u002Fvitest-dev\u002Fvitest) - A Vite-native test framework.\n- [vitest-mock-extended](https:\u002F\u002Fgithub.com\u002Feratio08\u002Fvitest-mock-extended) - Type safe mocking extensions for Vitest.\n- [cypress-vite](https:\u002F\u002Fgithub.com\u002Fmammadataei\u002Fcypress-vite) - Run Cypress specs using Vite.\n- [vite-plugin-doctest](https:\u002F\u002Fgithub.com\u002Fssssota\u002Fdoc-vitest) - Documentation testing for Vitest.\n- [`@poyro\u002Fvitest`](https:\u002F\u002Fgithub.com\u002Fpoyro\u002Fpoyro) - Test LLM integrations using Vitest.\n\n#### Security\n\n- [vite-plugin-csp-guard](https:\u002F\u002Fgithub.com\u002FRockiRider\u002Fcsp\u002Ftree\u002Fmain\u002Fpackages\u002Fvite-plugin-csp-guard) - Lets you configure a Content Security Policy to your project, supports all directives and hashing.\n- [vite-plugin-csp](https:\u002F\u002Fgithub.com\u002Fmaccuaa\u002Fvite-plugin-csp) - Content Security Policy (CSP) for SPA. Automatically calculates asset hashes (SRI), detects Google Fonts. Support `Bun` and `Node.js` runtimes.\n\n\u003Chr>\n\n### Vue\n\n[v23]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-2%2F3-3C8171\n[v2]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-v2-42b883\n[v3]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-v3-35495e\n\nIn this section, we use badges to indicate the targeted Vue version for each plugin.\n\n![v2] for Vue 2 only, ![v3] for Vue 3 only, and ![v23] for plugins that compatible with both versions.\n\n\u003C!--lint ignore double-link-->\n\n> 💡 SSR frameworks are listed at [SSR - Frameworks](#ssr).\n\n\u003C!--lint disable awesome-list-item-->\n\n#### Integrations\n\n- ![v3] [@vitejs\u002Fplugin-vue](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite-plugin-vue) - Official Vue 3 support.\n- ![v3] [@vitejs\u002Fplugin-vue-jsx](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite-plugin-vue\u002Ftree\u002Fmain\u002Fpackages\u002Fplugin-vue-jsx) - Official Vue 3 JSX support.\n- ![v2] [@vitejs\u002Fplugin-vue2](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite-plugin-vue2) - Official Vue 2 support.\n- ![v2] [@vitejs\u002Fplugin-vue2-jsx](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite-plugin-vue2-jsx) - Official Vue 2 JSX support.\n- ![v2] [vite-plugin-vue2](https:\u002F\u002Fgithub.com\u002Funderfin\u002Fvite-plugin-vue2) - Vue 2 integration.\n- ![v2] [unplugin-vue2-script-setup](https:\u002F\u002Fgithub.com\u002Fantfu\u002Funplugin-vue2-script-setup) - Enabling `\u003Cscript setup>` syntax for Vue 2.\n\n#### Routing\n\n- ![v23] [vite-plugin-pages](https:\u002F\u002Fgithub.com\u002Fhannoeru\u002Fvite-plugin-pages) - File system based route generator.\n- ![v3] [v-route-generate](https:\u002F\u002Fgithub.com\u002Fweiquanju\u002Fv-route-generate) - A tool to generate routes.\n- ![v3] [unplugin-vue-router](https:\u002F\u002Fgithub.com\u002Fposva\u002Funplugin-vue-router) - Official experimental file based routing.\n- ![v3] [vite-plugin-vue-routes](https:\u002F\u002Fgithub.com\u002FVanilla-IceCream\u002Fvite-plugin-vue-routes) - File-based routing, similar to SvelteKit and Next.js App Router.\n\n#### Loaders\n\n- ![v23] [vite-plugin-md](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fvite-plugin-md) - Markdown as Vue components \u002F Vue components in Markdown.\n- ![v3] [vite-svg-loader](https:\u002F\u002Fgithub.com\u002Fjpkleemans\u002Fvite-svg-loader) - Load SVG files as Vue components.\n- ![v2] [vite-plugin-vue2-svg](https:\u002F\u002Fgithub.com\u002Fpakholeung37\u002Fvite-plugin-vue2-svg) - Load SVG files as Vue components.\n- ![v3] [unplugin-svg-component](https:\u002F\u002Fgithub.com\u002FJevon617\u002Funplugin-svg-component) - Load SVG files as a Vue component, supporting svg file HMR and TypeScript intelligence prompt.\n- ![v23] [vite-plugin-markdown-mermaid](https:\u002F\u002Fgithub.com\u002FKermanX\u002Fvite-plugin-markdown-mermaid) - Load Markdown files, with Mermaid rendering support.\n- ![v3] [vite-plugin-style-vw-loader](https:\u002F\u002Fgithub.com\u002Fgitboyzcf\u002Fvite-plugin-style-vw-loader) - Converting the inline style px to vw.\n\n#### SSG\n\n- ![v3] [vite-ssg](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fvite-ssg) - Server-side generation.\n\n#### Ecosystem\n\n- ![v3] [unplugin-vue-i18n](https:\u002F\u002Fgithub.com\u002Fintlify\u002Fbundle-tools\u002Ftree\u002Fmain\u002Fpackages\u002Funplugin-vue-i18n) - Integration for Vue I18n.\n- ![v3] [vite-plugin-i18n-resources](https:\u002F\u002Fgithub.com\u002Ffvena\u002Fvite-plugin-i18n-resources) - Load i18n translation message files.\n- ![v3] [vite-plugin-i18n-autoimport](https:\u002F\u002Fgithub.com\u002FPengBoUESTC\u002Fvite-plugin-i18n-autoimport) - Auto import i18n config file for components.\n\n#### Transformers\n\n- ![v3] [vite-plugin-md-preview](https:\u002F\u002Fgithub.com\u002FJasKang\u002Fvite-plugin-md-preview) - Markdown code preview.\n- ![v3] [vite-plugin-vue-preview](https:\u002F\u002Fgithub.com\u002Fliting-yes\u002Fvite-plugin-vue-preview) - Code preview for Vue SFC in Markdown, supports online editing.\n- ![v3] [vite-plugin-vue-css-modules](https:\u002F\u002Fgithub.com\u002Fzeokku\u002Fvite-plugin-vue-css-modules) - Implicit usage of CSS Modules for template and script SFC tags with static replacement.\n\n#### Helpers\n\n- ![v23] [unplugin-vue-components](https:\u002F\u002Fgithub.com\u002Fantfu\u002Funplugin-vue-components) - On-demand components auto-importing.\n- ![v3] [vite-plugin-vue-gql](https:\u002F\u002Fgithub.com\u002Fwheatjs\u002Fvite-plugin-vue-gql) - GraphQL Tags for your Vue SFC.\n- ![v2] [vite-plugin-vue2-suffix](https:\u002F\u002Fgithub.com\u002Fwilliamyorkl\u002Fvite-plugin-vue2-suffix) - Compatible without '.vue' suffix.\n- ![v23] [vite-plugin-vue-inspector](https:\u002F\u002Fgithub.com\u002Fwebfansplz\u002Fvite-plugin-vue-inspector) - Jump to local IDE source code while click the element of browser.\n- ![v23] [vite-plugin-vue-static-sfc](https:\u002F\u002Fgithub.com\u002Farikw\u002Fvite-plugin-vue-static-sfc) - Serve \".vue\" files as static assets.\n- ![v3] [vite-plugin-vue-devtools](https:\u002F\u002Fgithub.com\u002Fwebfansplz\u002Fvite-plugin-vue-devtools) - Designed to enhance the Vue developer experience.\n- ![v3] [vite-plugin-vue-nested-sfc](https:\u002F\u002Fgithub.com\u002FHunYan-io\u002Fvite-plugin-vue-nested-sfc) - Nest SFCs inside your SFC.\n- ![v3] [vite-plugin-vue-style-in-template](https:\u002F\u002Fgithub.com\u002Fpeterroe\u002Fvite-plugin-vue-style-in-template) - Extract the style tags in template.\n\u003C!--lint enable awesome-list-item-->\n\n\u003Chr>\n\n### React\n\n#### Official\n\n- [@vitejs\u002Fplugin-react](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite-plugin-react\u002Ftree\u002Fmain\u002Fpackages\u002Fplugin-react) - Official React support that uses Babel.\n- [@vitejs\u002Fplugin-react-swc](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite-plugin-react-swc) - Official React support that uses SWC.\n\n#### Presets\n\n#### Routing\n\n- [generouted](https:\u002F\u002Fgithub.com\u002Foedotme\u002Fgenerouted) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.\n- [unplugin-remix-router](https:\u002F\u002Fgithub.com\u002Fws-rush\u002Funplugin-remix-router) - Generates a React Router file, that depends on Remix v2 file-based router convention.\n- [vite-plugin-remix-flat-routes](https:\u002F\u002Fgithub.com\u002Fhemengke1997\u002Fvite-plugin-remix-flat-routes) - Remix-flat-routes convention-based routing, compatible with react-router data-api routing.\n\n#### Loaders\n\n- [vite-plugin-svgr](https:\u002F\u002Fgithub.com\u002Fpd4d10\u002Fvite-plugin-svgr) - Transform SVGs into React components.\n- [vite-plugin-react-rich-svg](https:\u002F\u002Fgithub.com\u002FiGoodie\u002Fvite-plugin-react-rich-svg) - Seamless SVG loader with versatile import options; such as DataURI, SVGR Component and Raw HTML Code.\n\n#### Transformers\n\n- [@stylin\u002Fvite-plugin](https:\u002F\u002Fgithub.com\u002Fsultan99\u002Fstylin\u002Ftree\u002Fmain\u002Fpackages\u002Fvite-plugin) - Transform CSS and SCSS modules into React components.\n\n#### Framework\n\n- [vite-plugin-react-pages](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite-plugin-react-pages) - A Vite framework for building React app.\n\n#### Helpers\n\n- [vite-plugin-react-click-to-component](https:\u002F\u002Fgithub.com\u002FArnaudBarre\u002Fvite-plugin-react-click-to-component) - Uses Vite's launch middleware to enable alt+click to go to component.\n\n#### SSG\n\n- [vite-react-ssg](https:\u002F\u002Fgithub.com\u002FDaydreamer-riri\u002Fvite-react-ssg) - Static-site generation for React.\n\n\u003C!--lint ignore double-link-->\n\n> 💡 SSR frameworks are listed at [SSR - Frameworks](#ssr).\n\n\u003Chr>\n\n### Preact\n\n#### Presets\n\n- [@preact\u002Fpreset-vite](https:\u002F\u002Fgithub.com\u002Fpreactjs\u002Fpreset-vite) - Preact preset. HMR, automatic Preact inject, removal of DevTools in prod.\n\n\u003Chr>\n\n### Svelte\n\n#### Integrations\n\n- [vite-plugin-svelte](https:\u002F\u002Fgithub.com\u002Fsveltejs\u002Fvite-plugin-svelte) - Adds Svelte support. Official plugin of Svelte team.\n\n#### Helpers\n\n- [vite-plugin-kit-routes](https:\u002F\u002Fgithub.com\u002Fjycouet\u002Fkitql\u002Ftree\u002Fmain\u002Fpackages\u002Fvite-plugin-kit-routes) - Generates a file with all the routes, params, actions of your SvelteKit App.\n\n\u003Chr>\n\n### Solid\n\n#### Integrations\n\n- [vite-plugin-solid](https:\u002F\u002Fgithub.com\u002Famoutonbrady\u002Fvite-plugin-solid) - Provides JSX transformation for Solid.\n- [vite-plugin-solid-svg](https:\u002F\u002Fgithub.com\u002Fjfgodoy\u002Fvite-plugin-solid-svg) - Import SVG files as Solid.js Components.\n\n#### Routing\n\n- [generouted](https:\u002F\u002Fgithub.com\u002Foedotme\u002Fgenerouted\u002Ftree\u002Fmain\u002Fpackages\u002Fsolid-router) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.\n\n\u003Chr>\n\n### Elm\n\n#### Integrations\n\n- [vite-plugin-elm](https:\u002F\u002Fgithub.com\u002Fhmsk\u002Fvite-plugin-elm) - A plugin that enables you to compile an Elm module.\n\n\u003Chr>\n\n### Angular\n\n#### Integrations\n\n\u003Chr>\n\n### Fastify\n\n#### Integrations\n\n- [vite-plugin-fastify](https:\u002F\u002Fgithub.com\u002FVanilla-IceCream\u002Fvite-plugin-fastify) - Fastify plugin for Vite with Hot-module Replacement.\n\n#### Routing\n\n- [vite-plugin-fastify-routes](https:\u002F\u002Fgithub.com\u002FVanilla-IceCream\u002Fvite-plugin-fastify-routes) - File-based routing, similar to SvelteKit and Next.js App Router.\n\n\u003Chr>\n\n### Electron\n\n#### Integrations\n\n- [electron-vite](https:\u002F\u002Fgithub.com\u002Falex8088\u002Felectron-vite) - An Electron CLI integrated with Vite.\n\n#### Presets\n\n\u003Chr>\n\n### Rollup Plugins\n\n- [Vite Rollup Plugins](https:\u002F\u002Fvite-rollup-plugins.patak.dev\u002F) - Compatibility list for official Rollup plugins.\n\n#### Included in Vite\n\n- [`@rollup\u002Fplugin-alias`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Fblob\u002Fmaster\u002Fpackages\u002Falias) - Define and resolve aliases for bundle dependencies.\n- [`@rollup\u002Fplugin-commonjs`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Fblob\u002Fmaster\u002Fpackages\u002Fcommonjs) - Convert CommonJS modules to ES6.\n- [`@rollup\u002Fplugin-dynamic-import-vars`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Fblob\u002Fmaster\u002Fpackages\u002Fdynamic-import-vars) - Resolving dynamic imports that contain variables.\n- [`@rollup\u002Fplugin-json`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Fblob\u002Fmaster\u002Fpackages\u002Fjson) - Convert `.json` files to ES6 modules.\n\n#### Covered by default in Vite\n\n- [`@rollup\u002Fplugin-babel`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Ftree\u002Fmaster\u002Fpackages\u002Fbabel) - Compile your files with Babel.\n- [`@rollup\u002Fplugin-buble`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Ftree\u002Fmaster\u002Fpackages\u002Fbuble) - Compile ES2015 with buble.\n- [`@rollup\u002Fplugin-data-uri`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Ftree\u002Fmaster\u002Fpackages\u002Fdata-uri) - Import modules from Data URIs.\n- [`@rollup\u002Fplugin-html`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Ftree\u002Fmaster\u002Fpackages\u002Fhtml) - Create HTML files to serve Rollup bundles.\n- [`@rollup\u002Fplugin-node-resolve`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Ftree\u002Fmaster\u002Fpackages\u002Fnode-resolve) - Locate and bundle third-party dependencies in node_modules.\n- [`@rollup\u002Fplugin-sucrase`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Ftree\u002Fmaster\u002Fpackages\u002Fsucrase) - Compile TypeScript, Flow, JSX, etc with Sucrase.\n- [`@rollup\u002Fplugin-typescript`](https:\u002F\u002Fgithub.com\u002Frollup\u002Fplugins\u002Ftree\u002Fmaster\u002Fpackages\u002Ftypescript) - Integration between Rollup and ","awesome-vite 是一个精心整理的与 Vite.js 相关的优秀资源列表。该项目汇集了从官方文档到社区教程，再到各种项目脚手架工具等多方面的内容，帮助开发者快速上手并深入理解Vite.js这一现代前端构建工具。它支持多种场景下的应用开发，包括但不限于使用Vue 3、React或是纯JavaScript\u002FTypeScript进行网页或桌面应用程序（如Electron）的构建。对于希望利用Vite.js提升开发效率和性能的前端工程师来说，这是一个非常有价值的参考资料库。",2,"2026-06-11 02:53:12","top_language"]