Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Correia-jpv/fucking-awesome-vite
⚡️ A curated list of awesome things related to Vite.js. With repository stars⭐ and forks🍴
https://github.com/Correia-jpv/fucking-awesome-vite
List: fucking-awesome-vite
awesome awesome-list vite vite-plugin vite-template vitejs vitejs-docker vitejs-docs vitejs-react vitejs-react-typescript vitejs-tailwindcss vitejs-template
Last synced: about 1 month ago
JSON representation
⚡️ A curated list of awesome things related to Vite.js. With repository stars⭐ and forks🍴
- Host: GitHub
- URL: https://github.com/Correia-jpv/fucking-awesome-vite
- Owner: Correia-jpv
- License: mit
- Created: 2023-03-01T12:30:21.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-24T07:40:58.000Z (about 2 months ago)
- Last Synced: 2024-10-25T04:20:08.190Z (about 2 months ago)
- Topics: awesome, awesome-list, vite, vite-plugin, vite-template, vitejs, vitejs-docker, vitejs-docs, vitejs-react, vitejs-react-typescript, vitejs-tailwindcss, vitejs-template
- Language: JavaScript
- Homepage:
- Size: 1.38 MB
- Stars: 8
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/contributing.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- ultimate-awesome - fucking-awesome-vite - ⚡️ A curated list of awesome things related to Vite.js. With repository stars⭐ and forks🍴. (Programming Language Lists / JavaScript Lists)
README
Awesome Vite.js
A curated list of awesome things related to 68399⭐ 6167🍴 Vite.js
## Table of Contents
Use the "Table of Contents" menu on the top-right corner to explore the list.
## Resources
### Official Resources
- 🌎 [Documentation](vitejs.dev/)
- 68399⭐ 6167🍴 [GitHub Repo](https://github.com/vitejs/vite))
- 68399⭐ 6167🍴 [Release Notes](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md))
- 🌎 [Vue 3 Docs](vuejs.org/)
- 72162⭐ 9465🍴 [Awesome Vue](https://github.com/vuejs/awesome-vue))
- 🌎 [Migration from v4](vitejs.dev/guide/migration.html)
## Get Started
- 68399⭐ 6167🍴 [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite)) - Scaffolding Your First Vite Project.
- 158⭐ 28🍴 [create-vitawind](https://github.com/huibizhang/vitawind/tree/package/create-vitawind)) - Scaffolding for TailwindCSS project.
- 173⭐ 21🍴 [create-electron-vite](https://github.com/electron-vite/create-electron-vite)) - Scaffolding Your Electron + Vite Project.
- 222⭐ 32🍴 [create-vite-app](https://github.com/ErKeLost/create-vite-app)) - Scaffolding Your Out Of The Box Vite Project.
- 23578⭐ 2358🍴 [create-nx-workspace](https://github.com/nrwl/nx)) - Scaffolding a Nx + React + Vite + Vitest.
- 260⭐ 14🍴 [bati](https://github.com/batijs/bati)) - Scaffolding a Vike project.
- 69⭐ 3🍴 [create-awesome-node-app](https://github.com/Create-Node-App/create-node-app)) - Scaffolding your project choosing between different templates.
### Templates
#### Vanilla
- 291⭐ 33🍴 [vite-vanilla-ts-lib-starter](https://github.com/kbysiec/vite-vanilla-ts-lib-starter)) - Starter for library (CJS, ESM, IIFE) with TypeScript, ESLint, Stylelint, Prettier, Jest, Husky + lint-staged.
- 55⭐ 5🍴 [vite-tailwind-nojs-starter](https://github.com/kometolabs/vite-tailwind-nojs-starter)) - NoJS Tailwind CSS starter template.
- 11⭐ 2🍴 [vite-tailwind-stimulus-starter](https://github.com/jeremyfrank/vite-tailwind-stimulus-starter)) - Starter template for Tailwind CSS and Stimulus controllers.
- 18⭐ 1🍴 [vite-phaser-ts](https://github.com/iwantantra/vite-phaser-ts)) - Starter template with Phaser and Typescript.
- 5⭐ 1🍴 [vite-tinybase](https://github.com/tinyplex/vite-tinybase)) - Starter template for TinyBase.
- 8⭐ 1🍴 [vite-tinybase-ts](https://github.com/tinyplex/vite-tinybase-ts)) - Starter template for TinyBase and TypeScript.
- 40⭐ 3🍴 [vite-vanilla-js-template](https://github.com/Barata-Ribeiro/vite-vanilla-js-template)) - Starter template ESlint, Prettier, PostCSS, Nesting, Autoprefixer, CSS Nano, CSS Reset.
- 41⭐ 2🍴 [vite-starter-markup-template](https://github.com/Grinch3214/vite-starter-markup-template)) - Starter template for Markup.
- 32⭐ 0🍴 [create-domco](https://github.com/rossrobino/domco)) - Starter template for domco SSG.
- 26⭐ 3🍴 [vite-vanilla-library-template](https://github.com/hywax/vite-vanilla-library-template)) - Starter template TypeScript, ESLint, Vitest, Husky, Conventional Commits, GitHub actions.
- 3⭐ 0🍴 [vite-alpine-template](https://github.com/dvd101x/vite-alpine)) - Starter template for Alpine.
- 10⭐ 0🍴 [vite-ts-lib-starter](https://github.com/matronator/vite-ts-lib-starter)) - Starter template for libraries with TypeScript, Bun, Vitest, Prettier, Renovate and np.
- 2⭐ 1🍴 [vite-swagger-ui](https://github.com/lukefernandez/vite-swagger-ui)) - Swagger UI with built-in support for multiple APIs.
#### Vue 3
- 8865⭐ 933🍴 [Vitesse](https://github.com/antfu/vitesse)) - Opinionated starter template.
- 429⭐ 76🍴 [vite-ts-tailwind-starter](https://github.com/Uninen/vite-ts-tailwind-starter)) - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI.
- 25140⭐ 6851🍴 [vue-vben-admin](https://github.com/anncwb/vue-vben-admin)) - Background management template based on Vue3, Ant-Design-Vue, TypeScript.
- 16215⭐ 3075🍴 [vue-pure-admin](https://github.com/xiaoxian521/vue-pure-admin)) - Background management template based on Vue3, TypeScript, Tailwind CSS, element-plus.
- 918⭐ 93🍴 [fast-crud](https://github.com/fast-crud/fast-crud)) - Options-oriented crud framework, developing crud as fast as lightning.
- 1111⭐ 216🍴 [vitesse-lite](https://github.com/antfu/vitesse-lite)) - Lightweight version of Vitesse.
- 2896⭐ 224🍴 [vitesse-webext](https://github.com/antfu/vitesse-webext)) - WebExtension Vite Starter Template.
- 59⭐ 10🍴 [naive-ui-dashboard-template](https://github.com/Innei/naive-ui-dashboard-template)) - UI friendly, Vue 3 + TSX + TailwindCSS 2 JIT + PostCSS + Naive UI.
- 🌎 [Vitawind Creator](vitawind.vercel.app/scaffolding/creator/) - Create TailwindCSS project rapidly.
- ?⭐ ?🍴 [vue3-tailwind3-website-starter](https://github.com/feitian124/vue3-tailwind3-website-starter.git)) - Vue3 / Vite / TailwindCSS website starter template, with guides on each page.
- 255⭐ 46🍴 [boot-vue](https://github.com/kirklin/boot-vue)) - Starter template with TypeScript + UnoCSS + DaisyUI + Vue Router + Pinia.
- 3254⭐ 477🍴 [Vue Naive](https://github.com/zclzone/vue-naive-admin)) - Admin template, base on Vue 3 + Pinia + Naive UI.
- 1726⭐ 278🍴 [vue-admin-box](https://github.com/cmdparkour/vue-admin-box)) - Admin template, based on Vue 3 + Element-plus.
- 16⭐ 3🍴 [vite-vue-proste](https://github.com/xyhxx/vite-vue-proste)) - Pinia + Typescript + Vue-Router4 + Vitest + Vue-Test-Utils + Vue-Query + Sass + ESLint + Stylelint + Prettier + `project presets`.
- 27⭐ 4🍴 [vue-vite-ssr](https://github.com/EverSeenTOTOTO/browser-app-boilerplate/tree/vue-vite-ssr)) - Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.
- 1176⭐ 241🍴 [vue3-vant-mobile](https://github.com/easy-temps/vue3-vant-mobile)) - Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + TypeScript Mobile Template.
- 13⭐ 2🍴 [vue-vite-tw-ts](https://github.com/ChronosMasterOfAllTime/vue-vite-tw-ts)) - Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router.
- 152⭐ 42🍴 [vite-vue-js-starter-template](https://github.com/ElanYoung/vite-vue-js-starter-template)) - Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Prettier Simple Template.
- 110⭐ 21🍴 [vue-xs-admin](https://github.com/jsxiaosi/vue-xs-admin)) - Based on Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter.
- 19⭐ 1🍴 [vulcan](https://github.com/pengzhanbo/vulcan)) - The template for mobile application. Vite, Vue 3, TypeScript, Sass, i18n, Vitest&Cypress, Pinia, APIs&Mock, ESLint, Prettier, auto-importing.
- 690⭐ 121🍴 [antdv-pro](https://github.com/antdv-pro/antdv-pro)) - AntdvPro is a complete set of enterprise-level mid-backend front-end/design solutions based on Vue3, Vite4, ant-design-vue4, Pinia, UnoCSS and Typescript.
- 22⭐ 6🍴 [vue3-quick-start](https://github.com/wforguo/vue3-quick-start)) - Building an engineered Vue 3 project, integrated with `Vite` + `Vue3` + `TypeScript` + `ESLint` + `Prettier` + `Commitizen` + `Husky` + `LintStaged` + `CommitLint` + `AutoImport` + `ReleaseIt`.
- 23⭐ 2🍴 [antd-vue3-admin](https://github.com/Zuojiangtao/antd-vue3-admin)) - A starter template based on Vue3, Vite4, TS5 and Ant-Design-Vue4.
- 32⭐ 6🍴 [vue-file-upload](https://github.com/canopas/vue-file-upload)) - A file management system built with `Vue3` and `TypeScript` that allows for single and multiple file uploading with a preview feature.
- 122⭐ 14🍴 [arco-admin](https://github.com/LIjiAngChen8/arco-admin)) - `Vite` + `ArcoDesign` + `TypeScript` follows `ESM` standards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems.
- 52⭐ 14🍴 [materio-free-vuetify-nuxtjs-admin-template](https://github.com/themeselection/materio-vuetify-nuxtjs-admin-template-free)) - Vuejs 3, Vite 5, Vuetify 3 & NuxtJS 3.
- 7⭐ 0🍴 [vite-plugin-vue-style-bundler](https://github.com/zhangfisher/vite-plugin-vue-style-bundler)) - Auto bundle Vue/sfc styles into JavaScript.
- 403⭐ 60🍴 [celeris-web](https://github.com/kirklin/celeris-web)) - Template based on `Vite` + `Vue3` + `TypeScript` + `Vue-Router` + `Pinia` + `Unocss` + `Naive UI` + `pnpm Monorepo`.
- 125⭐ 14🍴 [vite-ts-starter](https://github.com/pdsuwwz/vite-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`.
#### Vue 2
- 195⭐ 37🍴 [vite-vue2-windicss-starter](https://github.com/lstoeferle/vite-vue2-windicss-starter)) - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript.
- 34⭐ 5🍴 [vite-vue2-ts-starter](https://github.com/logue/vite-vue2-ts-starter)) - Vue2 TypeScript starter template using vue-property-decorator, vue-router, Vuex.
- 84⭐ 30🍴 [vite-vue2-ts-vuetify-starter](https://github.com/logue/vite-vue2-vuetify-ts-starter)) - It is the above vite-vue2-ts-starter with Vuetify and its optimized settings. Includes basic templates.
- 148⭐ 14🍴 [vitify-admin](https://github.com/kingyue737/vitify-admin)) - Vuetify admin starter template with full TypeScript support and intellisense of Vuetify components.
#### React
- 548⭐ 50🍴 [Vitamin](https://github.com/wtchnm/Vitamin)) - React TypeScript, TailwindCSS, SPA + PWA, Cypress and CI.
- 90⭐ 55🍴 [vite-template-react](https://github.com/SafdarJamal/vite-template-react)) - A Create React App-like template.
- 127⭐ 14🍴 [vitejs-template-react-rescript](https://github.com/jihchi/vitejs-template-react-rescript)) - React + ReScript.
- 165⭐ 27🍴 [template-vite-react](https://github.com/lzm0x219/template-vite-react)) - A minimal React Vite starter template.
- 571⭐ 107🍴 [reactjs-vite-tailwindcss-boilerplate](https://github.com/joaopaulomoraes/reactjs-vite-tailwindcss-boilerplate)) - React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.
- 280⭐ 57🍴 [vite-react-ts-tailwind-firebase-starter](https://github.com/TeXmeijin/vite-react-ts-tailwind-firebase-starter)) - Starter using Vite + React + TypeScript + Tailwind CSS (daisyUI) + Firebase (v9) + Prettier + ESLint.
- 128⭐ 30🍴 [create-react-app-vite](https://github.com/laststance/create-react-app-vite)) - React, TypeScript, TailwindCSS, MSW, Vitest, React Testing Library, ESLint, Prettier, GitHub Actions.
- 2394⭐ 350🍴 [chrome-extension-boilerplate-react-vite](https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite)) - React + TypeScript + SASS + Prettier + ESLint + GitHub Actions + HMR(Hot Module Reload) + Turborepo + Chrome Extension Manifest v3.
- 133⭐ 14🍴 [vite-rtk-query](https://github.com/laststance/vite-rtk-query)) - React, TypeScript, Redux Toolkit, RTK Query, TailwindCSS, MSW, Jest, React Testing Library, ESLint, Prettier.
- 19⭐ 4🍴 [vite-react-proste](https://github.com/xyhxx/vite-react-proste)) - React + TypeScript + `react-router-dom` + Recoil + SASS + Testing Library + `react-query` + ESLint + Stylelint + Prettier.
- 580⭐ 132🍴 [React-PWA](https://github.com/suren-atoyan/react-pwa)) - React v18, TypeScript, Vite, React Router v6, MUI v5, Recoil, PWA, Eslint, Prettier, Husky, lint-staged, https localhost and more.
- 27⭐ 4🍴 [react-vite-ssr](https://github.com/EverSeenTOTOTO/browser-app-boilerplate/tree/react-vite-ssr)) - Mobx, Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.
- ?⭐ ?🍴 [Viterts](https://github.com/erdoganbulut/viterts/)) - React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS.
- 58⭐ 12🍴 [ViteRC](https://github.com/potreco/viterc)) - React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + Absolute imports + Commit linting.
- 22734⭐ 4154🍴 [React Starter Kit](https://github.com/kriasoft/react-starter-kit)) - Jamstack, React, React Router, Material UI, Firebase Auth, TypeScript, ESLint, Prettier, Jest, GitHub Actions.
- 78⭐ 14🍴 [vite-mern-template](https://github.com/apicgg/vite-mern-template)) - React 18 + TypeScript + Vite + Redux Toolkit + ESLint + React Router DOM + Axios + React Icons + React Toastify + Express + Mongoose.
- 29⭐ 9🍴 [Varsarr](https://github.com/altmshfkgudtjr/varsarr)) - React, Typescript, Styled-Components, Recoil, React-Query, Axios, Absolute imports.
- 44⭐ 8🍴 [viterjs-template](https://github.com/emre-cil/viterjs-template)) - React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier.
- 102⭐ 8🍴 [react-vite-ts-boilerplate](https://github.com/choisohyun/react-vite-ts-boilerplate)) - React 18, TypeScript, SCSS, ESLint, Prettier, Vitest.
- 54⭐ 17🍴 [vite-react-universal-template](https://github.com/laoer536/vite3.0-react18-TypeScript-router-dom6-mobx6-Eslint-prettier-template)) - React18 + TypeScript + `react-router-dom` + Zustand + ESlint + Prettier + Stylelint + Husky + Docker, and APIs auto importing.
- 29⭐ 4🍴 [react-vite-template](https://github.com/985563349/react-vite-template)) - A react project template.
- 37⭐ 14🍴 [react-xs-admin](https://github.com/jsxiaosi/react-xs-admin)) - The background management system template developed based on React18 + ReactRouteV6 + Vite + And Design + ReactIntl + ReactRedux + Emulation.
- 50⭐ 13🍴 [vite-mui-ts](https://github.com/emre-cil/vite-mui-ts)) - React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier.
- 54⭐ 12🍴 [template-vite-react-ts-tailwind](https://github.com/RoyRao2333/template-vite-react-ts-tailwind)) - React + TypeScript + Tailwind CSS + Eslint + Prettier.
- 84⭐ 10🍴 [vite-react-ts-template](https://github.com/bartstc/vite-ts-react-template)) - React 18, TypeScript, ESlint, Prettier, Dev Container, Vitest, Storybook, Playwright, MSW, React Router 6, React Query, Chakra UI, Zustand.
- 13⭐ 7🍴 [react-vite-tailwindcss-template](https://github.com/quavedev/react-vite-tailwindcss-template)) - React, JavaScript, TailwindCSS, ESlint, Prettier, Pre-commit.
- 5⭐ 1🍴 [vite-tinybase-react](https://github.com/tinyplex/vite-tinybase-react)) - Starter template for TinyBase and React.
- 9⭐ 0🍴 [vite-tinybase-ts-react](https://github.com/tinyplex/vite-tinybase-ts-react)) - Starter template for TinyBase, TypeScript, and React.
- 27⭐ 5🍴 [vite-react-ssr-boost-template](https://github.com/Lomray-Software/vite-template)) - Template for creating `React 18` SSR/SPA apps with `TypeScript`, `Mobx`, `React Router`, `Head Manager`, Suspense, Streaming. Also included CI/CD, `ESLint`, `Prettier`, `Stylelint`, `Husky`, `Semantic Release`.
- 69⭐ 15🍴 [vite-react-ts-shadcn-starter](https://github.com/Quilljou/vite-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`.
- 11⭐ 0🍴 [template-tauri-vite-react-ts-tailwind](https://github.com/RoyRao2333/template-tauri-vite-react-ts-tailwind)) - Template for Tauri + React + Typescript + TailwindCSS + Prettier + ESLint build-in.
- 101⭐ 21🍴 [vite-react-chakra-starter](https://github.com/sozonome/vite-react-chakra-starter)) - Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky.
- 38⭐ 2🍴 [vite-react-tailwind-starter](https://github.com/sozonome/vite-react-tailwind-starter)) - Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky.
- 67⭐ 2🍴 [monorepo-template-react](https://github.com/stormkit-io/monorepo-template-react)) - React + Typescript template for SSR, SPG, SPA and API provision.
- 9⭐ 5🍴 [vite-react-dapp-template](https://github.com/huseyindeniz/vite-react-dapp-template)) - Starter template for decentralized app frontend development with preconfigured Wallet Authentication, i18n and UI features.
- 40⭐ 8🍴 [vite-express-ssr-ts](https://github.com/gihanrangana/vite-express-ssr-ts)) - React + Typescript + ExpressJS + Vite SSR template with inbuild api feature.
- 44⭐ 20🍴 [vite-react-flow-template](https://github.com/xyflow/vite-react-flow-template)) - React Flow starter template.
- 10⭐ 1🍴 [react-vite-template](https://github.com/Mirazex/react-vite-template)) - React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged.
- 2⭐ 0🍴 [gravity-ui-vite-template](https://github.com/gravity-ui/gravity-ui-vite-example)) - Template with Gravity UI ecosystem (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged).
- 42⭐ 4🍴 [vite-react-component-library-starter](https://github.com/rayyamhk/vite-react-component-library-starter)) - A starter template for creating React component libraries with `TypeScript`, `Tailwind CSS`, `Storybook`, `Vitest`, `ESLint`, `Prettier`, `Husky`, and `GitHub Action`.
- 1⭐ 1🍴 [vite-template-awesome-soho](https://github.com/comnori/vite-template-awesome-soho)) - `DevContainer` Template for creating `React 18`, `Javascript + JSDoc`, `React Router`, `Ant Design`, `ESLint`, `EditorConfig`, `.env`, `SonarLint`, `Vitest`.
- 3⭐ 1🍴 [react-component-library-vite](https://github.com/gsharath/react-component-library-vite)) - A library template for with `React`, `Javascript`,`Styled-Components`, `Vitest`, `React Testing Library`, `Storybook`.
- 10⭐ 1🍴 [ReTail](https://github.com/nikolailehbrink/retail)) - Starter template for building Full Stack WEB applications with `Remix` using `TypeScript`, `Tailwind CSS`, `Prettier` and `ESLint`.
- 4⭐ 1🍴 [vite-react-redux-saga-typescript](https://github.com/Dulajdeshan/vite-react-redux-saga-typescript)) - Starter template with `React`, `TypeScript`, `Redux (Redux Toolkit)`, `Saga`, `React Testing Library`, `ESLint`, `Prettier` and `Husky`.
- 7⭐ 2🍴 [vite-complete-react-app](https://github.com/ChrisUser/vite-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`.
- 6⭐ 0🍴 [vite-react-framer-starter](https://github.com/matozz/vite-react-framer-starter)) - Starter template with `React`, `TypeScript`, `Framer Motion`, `Tailwind CSS`, `ESLint`, and `Prettier`.
- 4⭐ 1🍴 [vite-jsx-remove-attributes](https://github.com/jacobbogers/rollup-plugin-jsx-remove-attributes)) - Remove the `data-testid` (configurable) from production builds.
- 3⭐ 4🍴 [React Tanning](https://github.com/padunk/react-tanning)) - Starter template with `React + Vite + TypeScript + TanStack + Tailwind`.
- 4⭐ 1🍴 [Reactive](https://github.com/ws-rush/reactive)) - `React` starter template with `Remix` file-based routing convention for `react-router`, `UnoCSS`, `LinguiJs`, `zustand`, and ton of features.
- 2⭐ 0🍴 [RVTGB](https://github.com/up2dul/rvtgb)) - `React` + `TypeScript` starter template, with file-based routing with `Generouted` and `Biome`.
- 3⭐ 0🍴 [vite-biome-tailwind-template](https://github.com/not-first/vite-biome-tailwind-template)) - React, Typescript, Biome, Tailwind CSS.
- 8⭐ 0🍴 [React Dapp Starter](https://github.com/Manta-Network/react-dapp-starter)) - Enterprise-ready Web3 DApp starter with `TypeScript`, `TailwindCSS`, `Web3Modal`, `Wagmi`, `Shadcn UI`, `Zustand`, and `TanStack Query` for scalable decentralized applications.
- 1⭐ 2🍴 [vite-template-react-ts-jest](https://github.com/ivanzusko/vite-template-react-ts-jest)) - `React` + `TypeScript` + `Jest`.
- 5⭐ 2🍴 [vite-amplify](https://github.com/bebeal/vite-amplify)) - Template with SSR + Express APIs + AWS Amplify Hosting.
- 1⭐ 0🍴 [react-component-library-template](https://github.com/xxhls/react-component-library-template)) - A library template for with `React`, `TypeScript`, `Vitest`, `React Testing Library`, `Storybook`, `Biome`, `Stylelint`.
#### Svelte
- 18699⭐ 1938🍴 [SvelteKit](https://github.com/sveltejs/kit)) - The fastest way to build Svelte apps.
- 57⭐ 4🍴 [svelte-vite-ssr](https://github.com/jiangfengming/svelte-vite-ssr)) - Svelte with SSR support.
- 10⭐ 0🍴 [template-vite-svelte-ts-tailwind](https://github.com/RoyRao2333/template-vite-svelte-ts-tailwind)) - Svelte + TypeScript + Tailwind CSS + Prettier.
- 9⭐ 3🍴 [vite-svelte-flow-template](https://github.com/xyflow/vite-svelte-flow-template)) - Svelte Flow starter template.
- 0⭐ 0🍴 [vite-svelte-docker-template](https://github.com/tony-stark-eth/vite-svelte-docker-template)) - `Docker` + `Svelte` + `Vitest`.
#### Solid
- 64⭐ 1🍴 [vitesse-solid](https://github.com/xbmlz/vitesse-solid)) - Opinionated Vite + SolidJS Starter Template. Includes TypeScript, ESLint, Prettier, UnoCSS, HopeUI and more.
- 7⭐ 0🍴 [vitesse-lite-solid](https://github.com/Nauxscript/vitesse-lite-solid)) - Lightweight Vite Starter Template for SolidJS.
#### Electron
- 4272⭐ 563🍴 [electron-vite-vue](https://github.com/electron-vite/electron-vite-vue)) - Electron + Vite + Vue template.
- 1900⭐ 227🍴 [electron-vite-react](https://github.com/electron-vite/electron-vite-react)) - Electron + Vite + React template.
- 206⭐ 27🍴 [electron-vite-boilerplate](https://github.com/electron-vite/electron-vite-boilerplate)) - Support SerialPort, SQLite3 and node C/C++ addons.
- 411⭐ 110🍴 [electron-vite-template](https://github.com/umbrella22/electron-vite-template)) - Electron 13, Vue 3 and TypeScript. Make your desktop development easier.
- 187⭐ 19🍴 [fast-vite-electron](https://github.com/ArcherGu/fast-vite-electron)) - Vue3 + Vite + Electron with esbuild.
- 305⭐ 33🍴 [fast-vite-nestjs-electron](https://github.com/ArcherGu/fast-vite-nestjs-electron)) - Vue3 + Vite + Electron + Nestjs with esbuild.
- 181⭐ 23🍴 [vite-plugin-electron-quick-start](https://github.com/electron-vite/vite-plugin-electron-quick-start)) - Template for Electron projects.
- ?⭐ ?🍴 [vite-electron-builder](https://github.com/cawa-93/vite-electron-builder/)) - Electron apps using Vite for both back and front-end, with automatic releases.
- 309⭐ 93🍴 [vite-reactts-electron-starter](https://github.com/maxstue/vite-reactts-electron-starter)) - React, Tailwind CSS, TypeScript and Electron.
- 591⭐ 110🍴 [electron-vue-template](https://github.com/Deluze/electron-vue-template)) - Electron template with TypeScript, including Electron Builder.
- 17⭐ 1🍴 [Vitron](https://github.com/tada5hi/vitron)) - Build beautiful (win, linux, mac) desktop apps for modern web projects with vite and electron.
- 253⭐ 21🍴 [Vutron](https://github.com/jooy2/vutron)) - Electron + Vite + Vue 3 + Pinia (TypeScript) template.
- 54⭐ 7🍴 [vite-electron-plugin](https://github.com/electron-vite/vite-electron-plugin)) - High-performance, esbuild-based Vite Electron plugin.
- 129⭐ 12🍴 [vite-plugin-doubleshot](https://github.com/Doubleshotjs/doubleshot/tree/main/packages/plugin-vite)) - For building Node.js backend or Electron main process.
#### Neutralino
- 2⭐ 0🍴 [vite-react-neutralino-template](https://github.com/Bonnev/vite-react-neutralino-template)) - Neutralino + Vite + React template.
#### Elm
- 130⭐ 14🍴 [vite-elm-template](https://github.com/lindsaykwardell/vite-elm-template)) - A default template for building Elm applications.
- 39⭐ 2🍴 [elm_vite_tailwind_template](https://github.com/gacallea/elm_vite_tailwind_template)) - Opinionated template for building Elm web apps using Tailwind CSS and Daisy UI.
#### Petite-Vue
#### VanJS
#### GitHub
- 12⭐ 0🍴 [github-action-template](https://github.com/hywax/github-action-template)) - Starter template for GitHub Actions, Typescript, ESLint, Vitest, Husky, Conventional Commits.
#### Others
- ?⭐ ?🍴 [vit-singlefile-gzip](https://github.com/MillerRen/vite-singlefile-gzip.git)) - Starter template for embedded.
- ?⭐ ?🍴 [11st-Starter-Kit](https://github.com/stefanfrede/11st-starter-kit)) - 11ty, powered by Vite with Tailwind CSS and Alpine.js.
- 80⭐ 5🍴 [chrome-ext-template-preact-windi-vite](https://github.com/fell-lucas/chrome-ext-template-preact-windi-vite)) - Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions and Chrome Extension Manifest v3.
- 486⭐ 64🍴 [vite-vue3-chrome-extension-v3](https://github.com/mubaidr/vite-vue3-chrome-extension-v3)) - Web extension starter template for Chrome, Firefox and Edge.
## Plugins
### Framework-agnostic Plugins
#### Integrations
- 68399⭐ 6167🍴 [@vitejs/plugin-legacy](https://github.com/vitejs/vite/tree/main/packages/plugin-legacy)) - Legacy browser support.
- 3199⭐ 208🍴 [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa)) - Zero-config PWA.
- 853⭐ 65🍴 [vite-plugin-windicss](https://github.com/windicss/vite-plugin-windicss)) - Windi CSS integration.
- 999⭐ 48🍴 [vite-plugin-node](https://github.com/axe-me/vite-plugin-node)) - Integration with Node.js backend servers.
- 232⭐ 37🍴 [vite-plugin-cesium](https://github.com/nshen/vite-plugin-cesium)) - Integration with Cesium library.
- 🌎 [vite-plugin-linter](bitbucket.org/unimorphic/vite-plugin-linter) - Extensible linter framework that shows the linting output in the Vite output and the browser console, includes ESLint & TypeScript ootb.
- 992⭐ 86🍴 [vite-plugin-checker](https://github.com/fi3ework/vite-plugin-checker)) - Fast run checkers (TypeScript/VLS/vue-tsc, etc.) in worker threads with overlay and terminal hint.
- 159⭐ 4🍴 [vite-plugin-tauri](https://github.com/amrbashir/vite-plugin-tauri)) - Integrate Tauri in a Vite project to build cross-platform apps.
- 2367⭐ 240🍴 [vite-plugin-federation](https://github.com/originjs/vite-plugin-federation)) - Support Module Federation, Inspired by Webpack Module Federation feature.
- 232⭐ 36🍴 [vite-plugin-wasm-pack](https://github.com/nshen/vite-plugin-wasm-pack)) - Integration with rust 6302⭐ 409🍴 [wasm-pack](https://github.com/rustwasm/wasm-pack)), the simple way.
- 173⭐ 18🍴 [vite-plugin-comlink](https://github.com/mathe42/vite-plugin-comlink)) - Use WebWorkers with the power of 11369⭐ 390🍴 [Comlink](https://github.com/GoogleChromeLabs/comlink)) to make them enjoyable.
- 120⭐ 18🍴 [vite-plugin-sass-dts](https://github.com/activeguild/vite-plugin-sass-dts)) - This is a plugin that automatically creates a type file when using the CSS module type-safely.
- 31⭐ 10🍴 [vite-plugin-ali-oss](https://github.com/xiaweiss/vite-plugin-ali-oss)) - Upload the production files bundled in the project to Ali OSS, except for HTML.
- 304⭐ 11🍴 [vite-plugin-webfont-dl](https://github.com/feat-agency/vite-plugin-webfont-dl)) - Downloads and injects webfonts (Google Fonts) to improve website's performance.
- 53⭐ 14🍴 [vite-plugin-babel](https://github.com/owlsdepartment/vite-plugin-babel)) - Babel integration for both build and server to support f.ex. decorators or class fields in pure JS/JSX files.
- 687⭐ 56🍴 [vite-plugin-electron](https://github.com/electron-vite/vite-plugin-electron)) - Integrate Vite and Electron.
- 36⭐ 2🍴 [vite-plugin-optimizer](https://github.com/vite-plugin/vite-plugin-optimizer)) - Manually Pre-Bundling.
- 24⭐ 0🍴 [vite-plugin-babel-compiler](https://github.com/yzydeveloper/vite-plugin-babel-compiler)) - The plugin works with Babel compiler.
- 108⭐ 17🍴 [vite-plugin-commonjs](https://github.com/vite-plugin/vite-plugin-commonjs)) - A pure JavaScript implementation for CommonJs.
- 82⭐ 7🍴 [vite-plugin-mpa-plus](https://github.com/yzydeveloper/vite-plugin-mpa-plus)) - More flexible MPA (multi-page application) supports html templates, path rewriting.
- 25⭐ 2🍴 [vite-plugin-multi-pages](https://github.com/Miofly/vite-plugin-multi-pages)) - Multi Pages Support，can build src/pages anyPage，can set prefixName.
- 22⭐ 2🍴 [vite-plugin-html-template-mpa](https://github.com/Miofly/vite-plugin-html-template-mpa)) - Multi Pages Common template support.
- 5⭐ 1🍴 [vite-plugin-vconsole-mpa](https://github.com/Miofly/vite-plugin-vconsole-mpa)) - Multi Pages Vconsole supports，simple config.
- 66⭐ 3🍴 [vite-plugin-browser-sync](https://github.com/Applelo/vite-plugin-browser-sync)) - BrowserSync.
- 60⭐ 9🍴 [vite-plugin-jspm](https://github.com/jspm/vite-plugin-jspm)) - Resolves dependencies independently from CDN providers using import maps and es-module-shims.
- 9⭐ 1🍴 [vite-plugin-env-switch](https://github.com/PengBoUESTC/vite-plugin-env-switch)) - Switch project env and restart vite server without command line operation.
- 118⭐ 15🍴 [vite-plugin-virtual-mpa](https://github.com/emosheeep/vite-plugin-virtual-mpa)) - Out-of-box MPA plugin, with html template engine and virtual files support, which generate multiple files using only one template.
- 23⭐ 1🍴 [vite-plugin-stylelint](https://github.com/ModyQyW/vite-plugin-stylelint)) - Runs Stylelint synchronously/asynchronously.
- 6⭐ 0🍴 [Vite-plugin-graphiql](https://github.com/mammadataei/vite-plugin-graphiql)) - Integration for GraphiQL IDE.
- 9⭐ 1🍴 [vite-plugin-graphql-server](https://github.com/mammadataei/vite-plugin-graphql-server)) - Bootstrap a local GraphQL server for testing and documentaion.
- 342⭐ 24🍴 [unplugin-fonts](https://github.com/cssninjaStudio/unplugin-fonts)) - Load font from Typekit, Google Fonts, Fontsource or your own custom one.
- 24⭐ 2🍴 [unplugin-config](https://github.com/kirklin/unplugin-config)) - Configuration file generator for web apps, allowing external customization of global variables without repackaging.
- 42⭐ 2🍴 [vite-plugin-svg-spritemap](https://github.com/g-makarov/vite-plugin-svg-spritemap)) - Generates a SVG spritemap from multiple .svg files.
- 3⭐ 7🍴 [vite-plugin-dc](https://github.com/dvgis/vite-plugin-dc)) - Integration with @dvgis/dc-sdk library.
- 53⭐ 4🍴 [@spiriit/vite-plugin-svg-spritemap](https://github.com/SpiriitLabs/vite-plugin-svg-spritemap)) - Pack your SVG files in one spritemap file and use them with ``/`![]()
` and directly in your CSS.
- 8⭐ 0🍴 [vite-plugin-auto-mpa-html](https://github.com/iamspark1e/vite-plugin-auto-mpa-html)) - A file directory-based automated multi-page build plugin that supports HTML templates using EJS.
- 55⭐ 7🍴 [vite-plugin-cloudflare-functions](https://github.com/yjl9903/vite-plugin-cloudflare-functions)) - Cloudflare pages function integration.
- 84576⭐ 9300🍴 [@storybook/builder-vite](https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/)) - Storybook builder.
- 13061⭐ 434🍴 [@builder.io/partytown](https://github.com/BuilderIO/partytown)) - Relocate resource intensive third-party scripts off of the main thread and into a web worker.
- 7⭐ 0🍴 [vite-plugin-dynamic-proxy](https://github.com/zjpzjp/vite-plugin-debug-proxy)) - Automatically configure reverse proxies based on URL parameters.
- 28⭐ 0🍴 [unplugin-auto-export](https://github.com/coderhyh/unplugin-auto-export)) - Automates the maintenance of export statements in the index.ts file.
- 722⭐ 35🍴 [remix-development-tools](https://github.com/forge42dev/Remix-Dev-Tools)) - Plugin for Remix.run development tools.
- 55⭐ 0🍴 [vite-plugin-legacy-swc](https://github.com/CyanSalt/vite-plugin-legacy-swc)) - Legacy browser support with SWC.
- 45⭐ 5🍴 [vite-plugin-biome](https://github.com/skrulling/vite-plugin-biome)) - Biome linter.
- 23⭐ 3🍴 [vite-plugin-oxlint](https://github.com/52-entertainment/vite-plugin-oxlint)) - Oxlint linter.
- 5⭐ 0🍴 [@tomjs/vite-plugin-electron](https://github.com/tomjs/vite-plugin-electron)) - Easily develop `Electron` applications.
- 36⭐ 6🍴 [@tomjs/vite-plugin-vscode](https://github.com/tomjs/vite-plugin-vscode)) - Easily use web frameworks to develop `VSCode Extension`'s `Webview`, and support `HMR` and `Debug`.
- 7⭐ 1🍴 [vite-plugin-px-rem-vw](https://github.com/zscumt123/vite-plugin-px-rem-vw)) - Integrate PostCSS plugin pxTorem and pxTovw.
- 1⭐ 0🍴 [vite-plugin-mpg](https://github.com/just-ads/vite-plugin-multi-page)) - Simple configuration of multi page applications.
- 15⭐ 1🍴 [vite-plugin-pagefind](https://github.com/Hugos68/vite-plugin-pagefind)) - Integrate `pagefind` search.
- 11⭐ 1🍴 [@mistjs/vite-plugin-px2viewport](https://github.com/aibayanyu20/vite-plugins/tree/main/packages/px2viewport)) - A plugin that automatically converts inline styles and style files from px units to vw units.
- 18⭐ 9🍴 [vite-multiple-assets](https://github.com/nguyenbatranvan/vite-multiple-assets)) - Add support for multiple public asset directories.
#### Loaders
- 4082⭐ 145🍴 [unplugin-icons](https://github.com/antfu/unplugin-icons)) - Access thousands of icons as components.
- 933⭐ 59🍴 [vite-imagetools](https://github.com/JonasKruckenberg/vite-imagetools)) - Load and transform images using url query parameters.
- 131⭐ 13🍴 [vite-plugin-radar](https://github.com/stafyniaksacha/vite-plugin-radar)) - All in one analytics loader (with 7+ providers supported).
- 319⭐ 21🍴 [vite-plugin-glsl](https://github.com/UstymUkhman/vite-plugin-glsl)) - Import shader file chunks.
- 29⭐ 1🍴 [vite-plugin-svgo](https://github.com/r3dDoX/vite-plugin-svgo)) - Load SVGs as plain string and transform with SVGO library.
- ?⭐ ?🍴 [vite-plugin-remark-rehype](https://github.com/y-nk/vite-plugin-remark-rehype)) - Loads and transform markdown files using the unified ecosystem.
- 34⭐ 0🍴 [vite-plugin-php](https://github.com/donnikitos/vite-plugin-php)) - Load and process PHP-entry files instead of default index.html.
- 48⭐ 2🍴 [vite-plugin-lqip](https://github.com/drwpow/vite-plugin-lqip)) - Generate low quality image placeholders (LQIP).
- 2⭐ 0🍴 [vite-plugin-ms-clarity](https://github.com/KermanX/vite-plugin-ms-clarity)) - Inject the Microsoft Clarity script to `index.html`.
- 11⭐ 0🍴 [@cyco130/vite-plugin-mdx](https://github.com/cyco130/vite-plugin-mdx)) - Import MDX.
- 11⭐ 0🍴 [vite-awesome-svg-loader](https://github.com/matafokka/vite-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.
- 15⭐ 1🍴 [vite-plugin-dir2json](https://github.com/buddywang/vite-plugin-dir2json)) - Convert the directory structure into json data containing supported file paths.
#### Bundling
- 97⭐ 11🍴 [rollup-plugin-critical](https://github.com/nystudio107/rollup-plugin-critical)) - Generate critical CSS.
- 1300⭐ 90🍴 [vite-plugin-dts](https://github.com/qmhc/vite-plugin-dts)) - Generate declaration files from `.ts` or `.vue` source files for lib.
- 170⭐ 10🍴 [vite-compression-plugin](https://github.com/XeryYue/vite-compression-plugin)) - Use Node.js stream compress file to gzip or more.
- 348⭐ 22🍴 [vite-plugin-chunk-split](https://github.com/sanyuan0704/vite-plugin-chunk-split)) - Automatically code splitting, support unbundle in production.
- 287⭐ 31🍴 [vite-plugin-static-copy](https://github.com/sapphi-red/vite-plugin-static-copy)) - Copy files and folders.
- 17⭐ 2🍴 [vite-plugin-zip-file](https://github.com/Ssis53/vite-plugin-zip)) - Compress files or folders into zip.
- 34⭐ 7🍴 [vite-plugin-zip-pack](https://github.com/7th-Cyborg/vite-plugin-zip-pack)) - Pack distribution/build folder into a zip file.
- 69⭐ 6🍴 [vite-plugin-cp](https://github.com/fengxinming/vite-plugins/tree/main/packages/vite-plugin-cp)) - Copy files after building bundles.
- 198⭐ 18🍴 [unplugin-imagemin](https://github.com/ErKeLost/unplugin-imagemin)) - High performance compressed Picture based on squoosh and sharp.
- 330⭐ 15🍴 [vite-plugin-image-optimizer](https://github.com/FatehAK/vite-plugin-image-optimizer)) - Optimize (compress) your image assets using Sharp.js and SVGO at build time.
- 60⭐ 1🍴 [vite-plugin-no-bundle](https://github.com/ManBearTM/vite-plugin-no-bundle)) - Generate unbundled code for use with native ESM or other bundlers.
- 416⭐ 26🍴 [vite-plugin-css-injected-by-js](https://github.com/marco-prontera/vite-plugin-css-injected-by-js)) - Takes the CSS and adds it to the page through the JS.
- 6⭐ 1🍴 [unplugin-zip-pack](https://github.com/iamspark1e/unplugin-zip-pack)) - Zip your dist with filter function support.
- 857⭐ 58🍴 [vite-plugin-singlefile](https://github.com/richardtallent/vite-plugin-singlefile)) - Inline all JavaScript and CSS resources directly into the final `dist/index.html` file.
- 306⭐ 22🍴 [vite-plugin-node-polyfills](https://github.com/davidmyersdev/vite-plugin-node-polyfills)) - Polyfill Node's Core Modules for browser environments.
- 74⭐ 6🍴 [vite-plugin-cdn2](https://github.com/nonzzz/vite-plugin-cdn)) - Replace module with CDN.
- 18⭐ 0🍴 [vite-plugin-bundle-prefetch](https://github.com/dreambo8563/vite-plugin-bundle-prefetch)) - Inject prefetch assets into `index.html`.
- 21⭐ 2🍴 [vite-plugin-imagemin](https://github.com/vHeemstra/vite-plugin-imagemin)) - Optimize and compress your image assets and optionally create WebP/AVIF.
- 6⭐ 1🍴 [vite-plugin-lib-types](https://github.com/keuby/vite-plugin-lib-types)) - Generate DTS file while building library.
- 37⭐ 4🍴 [vite-plugin-minipic](https://github.com/60late/vite-plugin-minipic)) - Efficient image compression tool.
- 8⭐ 0🍴 [vite-plugin-robots](https://github.com/kolirt/vite-plugin-robots)) - Generating `robots.txt`.
- 46⭐ 0🍴 [vite-plugin-bundle-obfuscator](https://github.com/z0ffy/vite-plugin-bundle-obfuscator)) - JavaScript obfuscator.
- 1⭐ 0🍴 [@yuanjianming/unplugin-image-convert](https://github.com/yuan66-hub/unplugin-image-convert)) - Image multi format conversion plugin based on sharp.js.
- 2⭐ 0🍴 [vite-plugin-dynamic-chunk](https://github.com/MrQinYQ/vite-plugin-dynamic-chunk)) - Split dependencies between entry and dynamic entry, and merge small chunks.
#### Transformers
- 591⭐ 96🍴 [vite-plugin-html](https://github.com/anncwb/vite-plugin-html)) - Plugin to minimize and use ejs template syntax in `index.html`.
- 21⭐ 3🍴 [vite-plugin-ts-nameof](https://github.com/Shinigami92/vite-plugin-ts-nameof)) - Ability to resolve 493⭐ 23🍴 [nameof](https://github.com/dsherret/ts-nameof)) in TypeScript.
- 184⭐ 22🍴 [vite-plugin-handlebars](https://github.com/alexlafroscia/vite-plugin-handlebars)) - Process HTML files with Handlebars.
- 73⭐ 9🍴 [vite-plugin-virtual-html](https://github.com/Windson1806/vite-plugin-virtual-html)) - Make Vite MPA consistent with `@vue/cli`.
- 129⭐ 18🍴 [vite-plugin-content](https://github.com/originjs/origin.js/tree/main/packages/vite-plugin-content)) - Convert `yaml`, `xml`, `ini`, `toml`, `csv`, `plist` and `properties` files to ES6 modules.
- 72⭐ 6🍴 [vite-plugin-require](https://github.com/wangzongming/vite-plugin-require)) - A Vite plugin that supports `require` by code transforming.
- 129⭐ 18🍴 [vite-plugin-global-style](https://github.com/originjs/origin.js/tree/main/packages/vite-plugin-global-style)) - Deal with global styles for CSS, SASS, LESS and Stylus.
- 30⭐ 0🍴 [vite-plugin-shared-modules](https://github.com/zheeeng/vite-plugin-shared-modules)) - Share node_modules in monorepos.
- 38⭐ 3🍴 [vite-plugin-pug-transformer](https://github.com/TheSeally/vite-plugin-pug-transformer)) - Pug template engine support.
- 239⭐ 14🍴 [@import-meta-env/unplugin](https://github.com/runtime-env/import-meta-env)) - Inject environment variables into the `import.meta.env` object after building the application instead of statically replacing it during production.
- 75⭐ 15🍴 [@modyfi/vite-plugin-yaml](https://github.com/Modyfi/vite-plugin-yaml)) - Transform YAML files to ESM with schema validation and error reporting.
- 58⭐ 3🍴 [vite-plugin-html-inject](https://github.com/donnikitos/vite-plugin-html-inject)) - Split the `index.html` into smaller reusable pieces.
- 27⭐ 4🍴 [unplugin-inject-preload](https://github.com/Applelo/unplugin-inject-preload)) - Inject `` to your `index.html` based on your build assets.
- 6⭐ 2🍴 [@vituum/vite-plugin-handlebars](https://github.com/vituum/vite-plugin-handlebars)) - Handlebars template engine support, transforms `.hbs` templates to `.html`.
- 6⭐ 0🍴 [@vituum/vite-plugin-pug](https://github.com/vituum/vite-plugin-pug)) - Pug template engine support, transforms `.pug` templates to `.html`.
- 11⭐ 3🍴 [@vituum/vite-plugin-nunjucks](https://github.com/vituum/vite-plugin-nunjucks)) - Nunjucks template engine support, transforms `.njk` templates to `.html`.
- 10⭐ 1🍴 [@vituum/vite-plugin-liquid](https://github.com/vituum/vite-plugin-liquid)) - Liquid template engine support, transforms `.liquid` templates to `.html`.
- 18⭐ 1🍴 [@vituum/vite-plugin-twig](https://github.com/vituum/vite-plugin-twig)) - Twig template engine support, transforms `.twig` templates to `.html`.
- 1⭐ 0🍴 [@vituum/vite-plugin-latte](https://github.com/vituum/vite-plugin-latte)) - Latte template engine support, transforms `.latte` templates to `.html`.
- 9⭐ 0🍴 [@vituum/vite-plugin-posthtml](https://github.com/vituum/vite-plugin-posthtml)) - PostHTML support, transforms syntax to `.html`.
- 5⭐ 1🍴 [@vituum/vite-plugin-juice](https://github.com/vituum/vite-plugin-juice)) - Juice support, transforms `.css` to inline styles in `.html`.
- 57⭐ 7🍴 [vite-plugin-version-mark](https://github.com/ZhongxuYang/vite-plugin-version-mark)) - Automatically use `package version` / `git commit` / `custom` to be inserted into your project as a unique identifier for the project version.
- 27⭐ 1🍴 [vite-plugin-css-export](https://github.com/shixuanhong/vite-plugin-css-export)) - Export variables from CSS to JavaScript, and support nested rules.
- 30⭐ 3🍴 [vite-plugin-optimize-css-modules](https://github.com/Simonwep/vite-plugin-optimize-css-modules)) - Generate the smallest possible CSS-Classes when CSS-Modules are used.
- 8⭐ 0🍴 [vite-plugin-generate-html](https://github.com/gedouu/vite-plugin-generate-html)) - Define separate output files for JavaScript and CSS bundles.
- 521⭐ 12🍴 [vite-plugin-turbo-console](https://github.com/yuyinws/vite-plugin-turbo-console)) - Enhance the readability of `console.log()`.
- 19⭐ 1🍴 [vite-plugin-html-injection](https://github.com/altrusl/vite-plugin-html-injection)) - Inject HTML, JavaScript and CSS code snippets into the `index.html`.
- 16⭐ 2🍴 [vite-plugin-typescript-transform](https://github.com/herberttn/vite-plugin-typescript-transform)) - Applies the TypeScript compiler during Vite's transform build phase.
- 12⭐ 3🍴 [vite-plugin-public-typescript](https://github.com/hemengke1997/vite-plugin-public-typescript)) - Inject Typescript into `index.html`.
- 20⭐ 1🍴 [unplugin-generate-component-name](https://github.com/CCherry07/unplugin-generate-component-name)) - Automatically generate component's name.
- 94⭐ 9🍴 [@laynezh/vite-plugin-lib-assets](https://github.com/laynezh/vite-plugin-lib-assets)) - Extracts resource files referenced in `library mode` instead of embedded them as base64.
- 36⭐ 2🍴 [css-media-splitter/vite-plugin](https://github.com/levchak0910/css-media-splitter)) - Extracts all `@media` At-rules into a dedicated `.css` files and download it only when matches the media query.
- 4⭐ 0🍴 [@tomjs/vite-plugin-html](https://github.com/tomjs/vite-plugin-html)) - Support compression, loading, CDN and others for `index.html`.
- 3⭐ 0🍴 [@tomjs/vite-plugin-iconify](https://github.com/tomjs/vite-plugin-iconify)) - Inject the global variable `IconifyProviders` into `index.html` for `iconify`, and support local area network and custom url.
- 98⭐ 6🍴 [vite-plugin-icons-spritesheet](https://github.com/forge42dev/vite-plugin-icons-spritesheet)) - Generate a spritesheet and TypeScript types from SVG icons by listening to the icons folder changes.
- 1⭐ 0🍴 [vite-plugin-abbrlink](https://github.com/tangerball/abbrlink/tree/master/packages/vite-plugin-abbrlink#readme)) - Add the abbrlink attribute to the `markdown` file in the specified directory.
- 14⭐ 1🍴 [vite-plugin-native](https://github.com/vite-plugin/vite-plugin-native)) - Supports Node/Electron C/C++ native addons.
- 1⭐ 1🍴 [@yoichiro/vite-plugin-handlebars](https://github.com/yoichiro/vite-plugin-handlebars)) - Import of Handlebars templates `.hbs` as ES Modules.
- 11⭐ 0🍴 [vite-plugin-magic-preloader](https://github.com/cszhjh/vite-plugin-magic-preloader)) - Generate `` or `` tags through magic comments and inject them into `index.html`.
#### Helpers
- 1332⭐ 48🍴 [vite-tsconfig-paths](https://github.com/aleclarson/vite-tsconfig-paths)) - Support for TypeScript's path mapping.
- 213⭐ 13🍴 [vite-aliases](https://github.com/subwaytime/vite-aliases)) - Alias auto-generation based on project structure.
- 592⭐ 39🍴 [vite-plugin-mkcert](https://github.com/liuweiGL/vite-plugin-mkcert)) - Provide certificates https dev server.
- 75⭐ 8🍴 [vite-plugin-vconsole](https://github.com/vadxq/vite-plugin-vconsole)) - Help developers use vconsole to facilitate mobile development and debugging.
- 58⭐ 13🍴 [vite-plugin-mock-server](https://github.com/enjoycoding/vite-plugin-mock-server)) - Mock server plugin, support using TS and JS to write Mock API and HMR.
- 158⭐ 28🍴 [vitawind](https://github.com/huibizhang/vitawind)) - Install and Setting Tailwind CSS automatically.
- 168⭐ 12🍴 [vite-plugin-restart](https://github.com/antfu/vite-plugin-restart)) - Restart the Vite server on file changes.
- 145⭐ 8🍴 [vite-plugin-full-reload](https://github.com/ElMassimo/vite-plugin-full-reload)) - Reload the browser on file changes.
- 61⭐ 1🍴 [vite-plugin-tips](https://github.com/yingpengsha/vite-plugin-tips)) - Provide better development server status tips on the page.
- 69⭐ 6🍴 [vite-plugin-external](https://github.com/fengxinming/vite-plugins/tree/main/packages/vite-plugin-external)) - Provides a way of excluding dependencies from the runtime code and output bundles.
- 3274⭐ 199🍴 [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import)) - On-demand API auto-importing.
- 1280⭐ 75🍴 [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect)) - Inspect the intermediate state of Vite plugins.
- 161⭐ 11🍴 [vite-plugin-remove-console](https://github.com/xiaoxian521/vite-plugin-remove-console)) - A vite plugin that deletes console.log in the production environment.
- 19⭐ 8🍴 [vite-plugin-dev-manifest](https://github.com/owlsdepartment/vite-plugin-dev-manifest)) - Generates `manifest.dev.json` during dev server, for backend integration with any language/framework.
- 406⭐ 37🍴 [vite-plugin-watch-and-run](https://github.com/jycouet/kitql/tree/main/packages/vite-plugin-watch-and-run)) - Watch some files (glob) and trigger a command. To enable any tool to have a watch mode.
- 71⭐ 11🍴 [vite-plugin-dynamic-base](https://github.com/chenxch/vite-plugin-dynamic-base)) - Resolve all resource files dynamic publicPath.
- 86⭐ 3🍴 [vite-plugin-live-reload](https://github.com/arnoson/vite-plugin-live-reload)) - Live reloading.
- 7⭐ 0🍴 [vite-plugin-simple-vconsole](https://github.com/venojs/vite-plugin-simple-vconsole)) - A debug console view inside your app to make mobile debugging easier, for both SPA and MPA.
- 150⭐ 3🍴 [vite-plugin-qrcode](https://github.com/svitejs/vite-plugin-qrcode)) - Show QR code on server start.
- 28⭐ 5🍴 [vite-plugin-cem](https://github.com/Kamiapp-fr/vite-plugin-cem)) - Generates `custom-elements.json` manifest for describing custom elements.
- 482⭐ 40🍴 [vite-plugin-web-update-notification](https://github.com/GreatAuk/plugin-web-update-notification)) - Detect webpage updates and notify user to reload. support vite and umijs.
- 14⭐ 0🍴 [vite-plugin-browserslist-useragent](https://github.com/kingyue737/vite-plugin-browserslist-useragent)) - Compile browserslist query to a RegExp to test browser useragent.
- 168⭐ 6🍴 [vite-plugin-validate-env](https://github.com/Julien-R44/vite-plugin-validate-env)) - Validate your environment variables at build time. Never forget an environment variable again.
- 69⭐ 6🍴 [vite-plugin-mock-data](https://github.com/fengxinming/vite-plugins/tree/main/packages/vite-plugin-mock-data)) - Provides a simple way to mock data.
- 69⭐ 6🍴 [vite-plugin-reverse-proxy](https://github.com/fengxinming/vite-plugins/tree/main/packages/vite-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/javascript` MIME type to `module` MIME type.
- 64⭐ 7🍴 [vite-plugin-conditional-compile](https://github.com/KeJunMao/vite-plugin-conditional-compile)) - Conditional compilation syntax based on environment variables.
- 168⭐ 14🍴 [vite-plugin-mock-dev-server](https://github.com/pengzhanbo/vite-plugin-mock-dev-server)) - Mock server for development, support CJS/ESM/JSON, auto-importing file and HMR.
- 29⭐ 4🍴 [vite-plugin-api](https://github.com/yracnet/vite-plugin-api)) - Generate route mapping for API Routes services from the directory tree.
- 10⭐ 0🍴 [vite-plugin-shortcuts](https://github.com/kinfuy/vite-plugin-shortcuts)) - Add additional customized shortcut key population.
- 124⭐ 8🍴 [vite-plugin-entry-shaking](https://github.com/Dschungelabenteuer/vite-plugin-entry-shaking)) - Mimic tree-shaking behaviour when importing code from an entry file in development mode.
- 9⭐ 0🍴 [vite-plugin-auto-alias](https://github.com/jwyGithub/vite-plugin-auto-alias)) - Automatically generate alias based on path.
- 10⭐ 1🍴 [vite-plugin-image-placeholder](https://github.com/pengzhanbo/vite-plugin-image-placeholder)) - Generate placeholder images by path matches.
- 7⭐ 0🍴 [vite-plugin-find-image-duplicates](https://github.com/wChenonly/vite-plugin-find-image-duplicates)) - Find if there are duplicate images in your project when building it.
- 32⭐ 1🍴 [@froxz/vite-plugin-s3](https://github.com/Froxz/vite-plugin-s3)) - Allows you to upload files to S3.
- 101⭐ 12🍴 [vite-plugin-vitepress-auto-sidebar](https://github.com/QC2168/vite-plugin-vitepress-auto-sidebar)) - Automatically generates sidebar data by scanning directories, based on vitepress.
- 9⭐ 0🍴 [vite-plugin-global-const](https://github.com/censujiang/vite-plugin-global-const)) - Define constants for reuse of your code.
- 3⭐ 0🍴 [vite-plugin-cli-copy](https://github.com/wChenonly/vite-plugin-cli-copy)) - Start the project and automatically copy the terminal's network URL.
- 3⭐ 0🍴 [vite-plugin-module-list](https://github.com/davidbonnet/vite-plugin-module-list)) - Automatically import the modules found in a specified folder.
- 80⭐ 6🍴 [unplugin-info](https://github.com/yjl9903/unplugin-info)) - Export build information as a virutal module.
- 3⭐ 2🍴 [vite-plugin-auto-origin](https://github.com/s2b/vite-plugin-auto-origin)) - Detect origin configuration automatically based on incoming requests to dev server.
- 28⭐ 3🍴 [vite-plugin-deadfile](https://github.com/stauren/vite-plugin-deadfile)) - Find unused source files in the project.
- 158⭐ 8🍴 [vite-bundle-analyzer](https://github.com/nonzzz/vite-bundle-analyzer)) - Utility that represents bundles as an interactive treemap.
- 5⭐ 0🍴 [vite-font-extractor-plugin](https://github.com/a3mitskevich/vite-font-extractor-plugin)) - Utility that minification bundle fonts by glyphs.
- 10⭐ 2🍴 [vite-plugin-i18n-detector](https://github.com/hemengke1997/vite-plugin-i18n-detector)) - Lazyload i18n locale resources.
- 21⭐ 4🍴 [vite-plugin-ngrok](https://github.com/aphex/vite-plugin-ngrok)) - Integration with Ngrok, allowing you to easily share your local development server.
- 5⭐ 0🍴 [vite-plugin-docker](https://github.com/yracnet/vite-plugin-docker)) - Docker utility based on Dockerode.
- 29⭐ 4🍴 [vite-plugin-api-routes](https://github.com/yracnet/vite-plugin-api-routes)) - Generate route mapping for API Routes services from the directory tree.
- 76⭐ 2🍴 [unplugin-detect-duplicated-deps](https://github.com/tjx666/unplugin-detect-duplicated-deps)) - Detect duplicate packaged dependencies.
- 20⭐ 1🍴 [vite-plugin-vitepress-auto-nav](https://github.com/Xaviw/vite-plugin-vitepress-auto-nav)) - Automatically generates `sidebar` and `nav` configurations by scanning directories, based on VitePress.
- 18⭐ 2🍴 [vite-plugin-pretty-module-classnames](https://github.com/teplostanski/vite-plugin-pretty-module-classnames)) - Adds the filename without the `-module` suffix to the class names of CSS modules.
- 6⭐ 0🍴 [vite-plugin-serve-static](https://github.com/reifiedbeans/vite-plugin-serve-static)) - Allows serving arbitrary static files not in the `public/` directory.
- 4⭐ 0🍴 [vite-plugin-valibot-env](https://github.com/idleberg/vite-plugin-valibot-env)) - Validate environment variables against a Valibot schema.
- 1⭐ 0🍴 [vite-plugin-vitest-cache](https://github.com/raegen/vite-plugin-vitest-cache)) - Optimize `Vitest` execution time through caching.
- 14⭐ 1🍴 [vite-preload](https://github.com/wille/vite-preload)) - Preloads lazy loaded modules and stylesheets that were rendered by the server using 103 Early Hints, Link headers or link tags.
- 1⭐ 0🍴 [vite-plugin-envtype-patch](https://github.com/PengBoUESTC/vite-plugin-envtype-patch)) - Generate `type` info for `import.meta.env`.
#### Testing
- 13031⭐ 1167🍴 [vitest](https://github.com/vitest-dev/vitest)) - A Vite-native test framework.
- 166⭐ 7🍴 [vitest-mock-extended](https://github.com/eratio08/vitest-mock-extended)) - Type safe mocking extensions for Vitest.
- 88⭐ 11🍴 [cypress-vite](https://github.com/mammadataei/cypress-vite)) - Run Cypress specs using Vite.
- 60⭐ 0🍴 [vite-plugin-doctest](https://github.com/ssssota/doc-vitest)) - Documentation testing for Vitest.
- 30⭐ 1🍴 [@poyro/vitest](https://github.com/poyro/poyro)) - Test LLM integrations using Vitest.
#### Security
- 9⭐ 0🍴 [vite-plugin-csp-guard](https://github.com/RockiRider/csp/tree/main/packages/vite-plugin-csp-guard)) - Lets you configure a Content Security Policy to your project, supports all directives and hashing.
### Vue
[v23]: https://img.shields.io/badge/-2%2F3-3C8171
[v2]: https://img.shields.io/badge/-v2-42b883
[v3]: https://img.shields.io/badge/-v3-35495e
In this section, we use badges to indicate the targeted Vue version for each plugin.
![v2] for Vue 2 only, ![v3] for Vue 3 only, and ![v23] for plugins that compatible with both versions.
> 💡 SSR frameworks are listed at [SSR - Frameworks](#ssr).
#### Integrations
- ![v3] 491⭐ 154🍴 [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue)) - Official Vue 3 support.
- ![v3] 491⭐ 154🍴 [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx)) - Official Vue 3 JSX support.
- ![v2] 550⭐ 46🍴 [@vitejs/plugin-vue2](https://github.com/vitejs/vite-plugin-vue2)) - Official Vue 2 support.
- ![v2] 57⭐ 6🍴 [@vitejs/plugin-vue2-jsx](https://github.com/vitejs/vite-plugin-vue2-jsx)) - Official Vue 2 JSX support.
- ![v2] 621⭐ 84🍴 [vite-plugin-vue2](https://github.com/underfin/vite-plugin-vue2)) - Vue 2 integration.
- ![v2] 601⭐ 39🍴 [unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)) - Enabling `` syntax for Vue 2.
#### Routing
- ![v23] <b><code> 1870⭐</code></b> <b><code> 127🍴</code></b> [vite-plugin-pages](https://github.com/hannoeru/vite-plugin-pages)) - File system based route generator.
- ![v3] <b><code> 12⭐</code></b> <b><code> 0🍴</code></b> [v-route-generate](https://github.com/weiquanju/v-route-generate)) - A tool to generate routes.
- ![v3] <b><code> 1667⭐</code></b> <b><code> 81🍴</code></b> [unplugin-vue-router](https://github.com/posva/unplugin-vue-router)) - Official experimental file based routing.
- ![v3] <b><code> 1⭐</code></b> <b><code> 0🍴</code></b> [vite-plugin-vue-routes](https://github.com/Vanilla-IceCream/vite-plugin-vue-routes)) - File-based routing, similar to SvelteKit and Next.js App Router.
#### Loaders
- ![v23] <b><code> 606⭐</code></b> <b><code> 89🍴</code></b> [vite-plugin-md](https://github.com/antfu/vite-plugin-md)) - Markdown as Vue components / Vue components in Markdown.
- ![v3] <b><code> 590⭐</code></b> <b><code> 61🍴</code></b> [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader)) - Load SVG files as Vue components.
- ![v2] <b><code> 19⭐</code></b> <b><code> 9🍴</code></b> [vite-plugin-vue2-svg](https://github.com/pakholeung37/vite-plugin-vue2-svg)) - Load SVG files as Vue components.
- ![v3] <b><code> 58⭐</code></b> <b><code> 5🍴</code></b> [unplugin-svg-component](https://github.com/Jevon617/unplugin-svg-component)) - Load SVG files as a Vue component, supporting svg file HMR and Typescript intelligence prompt.
- ![v23] <b><code> 4⭐</code></b> <b><code> 0🍴</code></b> [vite-plugin-markdown-mermaid](https://github.com/KermanX/vite-plugin-markdown-mermaid)) - Load Markdown files, with Mermaid rendering support.
- ![v3] <b><code> 6⭐</code></b> <b><code> 1🍴</code></b> [vite-plugin-style-vw-loader](https://github.com/gitboyzcf/vite-plugin-style-vw-loader)) - Converting the inline style px to vw.
#### SSG
- ![v3] <b><code> 1341⭐</code></b> <b><code> 137🍴</code></b> [vite-ssg](https://github.com/antfu/vite-ssg)) - Server-side generation.
#### Ecosystem
- ![v3] <b><code> 242⭐</code></b> <b><code> 36🍴</code></b> [unplugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n)) - Integration for Vue I18n.
- ![v3] <b><code> 31⭐</code></b> <b><code> 4🍴</code></b> [vite-plugin-i18n-resources](https://github.com/fvena/vite-plugin-i18n-resources)) - Load i18n translation message files.
- ![v3] <b><code> 3⭐</code></b> <b><code> 0🍴</code></b> [vite-plugin-i18n-autoimport](https://github.com/PengBoUESTC/vite-plugin-i18n-autoimport)) - Auto import i18n config file for components.
#### Transformers
- ![v3] <b><code> 173⭐</code></b> <b><code> 41🍴</code></b> [vite-plugin-md-preview](https://github.com/JasKang/vite-plugin-md-preview)) - Markdown code preview.
- ![v3] <b><code> 35⭐</code></b> <b><code> 1🍴</code></b> [vite-plugin-vue-preview](https://github.com/liting-yes/vite-plugin-vue-preview)) - Code preview for Vue SFC in Markdown, supports online editing.
- ![v3] <b><code> 17⭐</code></b> <b><code> 0🍴</code></b> [vite-plugin-vue-css-modules](https://github.com/zeokku/vite-plugin-vue-css-modules)) - Implicit usage of CSS Modules for template and script SFC tags with static replacement.
#### Helpers
- ![v23] <b><code> 3818⭐</code></b> <b><code> 352🍴</code></b> [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components)) - On-demand components auto-importing.
- ![v3] <b><code> 212⭐</code></b> <b><code> 4🍴</code></b> [vite-plugin-vue-gql](https://github.com/wheatjs/vite-plugin-vue-gql)) - GraphQL Tags for your Vue SFC.
- ![v2] <b><code> 9⭐</code></b> <b><code> 1🍴</code></b> [vite-plugin-vue2-suffix](https://github.com/williamyorkl/vite-plugin-vue2-suffix)) - Compatible without '.vue' suffix.
- ![v23] <b><code> 691⭐</code></b> <b><code> 71🍴</code></b> [vite-plugin-vue-inspector](https://github.com/webfansplz/vite-plugin-vue-inspector)) - Jump to local IDE source code while click the element of browser.
- ![v23] <b><code> 1⭐</code></b> <b><code> 1🍴</code></b> [vite-plugin-vue-static-sfc](https://github.com/arikw/vite-plugin-vue-static-sfc)) - Serve ".vue" files as static assets.
- ![v3] <b><code> 1625⭐</code></b> <b><code> 71🍴</code></b> [vite-plugin-vue-devtools](https://github.com/webfansplz/vite-plugin-vue-devtools)) - Designed to enhance the Vue developer experience.
- ![v3] <b><code> 97⭐</code></b> <b><code> 0🍴</code></b> [vite-plugin-vue-nested-sfc](https://github.com/HunYan-io/vite-plugin-vue-nested-sfc)) - Nest SFCs inside your SFC.
<!--lint enable awesome-list-item-->
<hr>
### React
#### Official
- <b><code> 605⭐</code></b> <b><code> 113🍴</code></b> [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react)) - Official React support that uses Babel.
- <b><code> 851⭐</code></b> <b><code> 57🍴</code></b> [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc)) - Official React support that uses SWC.
#### Presets
#### Routing
- <b><code> 1064⭐</code></b> <b><code> 51🍴</code></b> [generouted](https://github.com/oedotme/generouted)) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.
- <b><code> 10⭐</code></b> <b><code> 1🍴</code></b> [unplugin-remix-router](https://github.com/ws-rush/unplugin-remix-router)) - Generates a React Router file, that depends on Remix v2 file-based router convention.
- <b><code> 1⭐</code></b> <b><code> 0🍴</code></b> [vite-plugin-remix-flat-routes](https://github.com/hemengke1997/vite-plugin-remix-flat-routes)) - Remix-flat-routes convention-based routing, compatible with react-router data-api routing.
#### Loaders
- <b><code> 562⭐</code></b> <b><code> 54🍴</code></b> [vite-plugin-svgr](https://github.com/pd4d10/vite-plugin-svgr)) - Transform SVGs into React components.
- <b><code> 7⭐</code></b> <b><code> 0🍴</code></b> [vite-plugin-react-rich-svg](https://github.com/iGoodie/vite-plugin-react-rich-svg)) - Seamless SVG loader with versatile import options; such as DataURI, SVGR Component and Raw HTML Code.
#### Transformers
- <b><code> 181⭐</code></b> <b><code> 5🍴</code></b> [@stylin/vite-plugin](https://github.com/sultan99/stylin/tree/main/packages/vite-plugin)) - Transform CSS and SCSS modules into React components.
#### Framework
- <b><code> 459⭐</code></b> <b><code> 70🍴</code></b> [vite-plugin-react-pages](https://github.com/vitejs/vite-plugin-react-pages)) - A Vite framework for building React app.
#### Helpers
- <b><code> 43⭐</code></b> <b><code> 4🍴</code></b> [vite-plugin-react-click-to-component](https://github.com/ArnaudBarre/vite-plugin-react-click-to-component)) - Uses Vite's launch middleware to enable alt+click to go to component.
#### SSG
- <b><code> 114⭐</code></b> <b><code> 6🍴</code></b> [vite-react-ssg](https://github.com/Daydreamer-riri/vite-react-ssg)) - Static-site generation for React.
<!--lint ignore double-link-->
> 💡 SSR frameworks are listed at [SSR - Frameworks](#ssr).
<hr>
### Preact
#### Presets
- <b><code> 260⭐</code></b> <b><code> 26🍴</code></b> [@preact/preset-vite](https://github.com/preactjs/preset-vite)) - Preact preset. HMR, automatic Preact inject, removal of DevTools in prod.
<hr>
### Svelte
#### Integrations
- <b><code> 862⭐</code></b> <b><code> 105🍴</code></b> [vite-plugin-svelte](https://github.com/sveltejs/vite-plugin-svelte)) - Adds Svelte support. Official plugin of Svelte team.
#### Helpers
- <b><code> 406⭐</code></b> <b><code> 37🍴</code></b> [vite-plugin-kit-routes](https://github.com/jycouet/kitql/tree/main/packages/vite-plugin-kit-routes)) - Generates a file with all the routes, params, actions of your SvelteKit App.
<hr>
### Solid
#### Integrations
- <b><code> 440⭐</code></b> <b><code> 51🍴</code></b> [vite-plugin-solid](https://github.com/amoutonbrady/vite-plugin-solid)) - Provides JSX transformation for Solid.
- <b><code> 75⭐</code></b> <b><code> 10🍴</code></b> [vite-plugin-solid-svg](https://github.com/jfgodoy/vite-plugin-solid-svg)) - Import SVG files as Solid.js Components.
#### Routing
- <b><code> 1064⭐</code></b> <b><code> 51🍴</code></b> [generouted](https://github.com/oedotme/generouted/tree/main/packages/solid-router)) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.
<hr>
### Elm
#### Integrations
- <b><code> 201⭐</code></b> <b><code> 31🍴</code></b> [vite-plugin-elm](https://github.com/hmsk/vite-plugin-elm)) - A plugin that enables you to compile an Elm module.
<hr>
### Angular
#### Integrations
<hr>
### Fastify
#### Integrations
- <b><code> 10⭐</code></b> <b><code> 0🍴</code></b> [vite-plugin-fastify](https://github.com/Vanilla-IceCream/vite-plugin-fastify)) - Fastify plugin for Vite with Hot-module Replacement.
#### Routing
- <b><code> 6⭐</code></b> <b><code> 0🍴</code></b> [vite-plugin-fastify-routes](https://github.com/Vanilla-IceCream/vite-plugin-fastify-routes)) - File-based routing, similar to SvelteKit and Next.js App Router.
<hr>
### Electron
#### Integrations
- <b><code> 3475⭐</code></b> <b><code> 150🍴</code></b> [electron-vite](https://github.com/alex8088/electron-vite)) - An Electron CLI integrated with Vite.
#### Presets
<hr>
### Rollup Plugins
- 🌎 [Vite Rollup Plugins](vite-rollup-plugins.patak.dev/) - Compatibility list for official rollup plugins.
#### Included in Vite
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-alias](https://github.com/rollup/plugins/blob/master/packages/alias)) - Define and resolve aliases for bundle dependencies.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-commonjs](https://github.com/rollup/plugins/blob/master/packages/commonjs)) - Convert CommonJS modules to ES6.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-dynamic-import-vars](https://github.com/rollup/plugins/blob/master/packages/dynamic-import-vars)) - Resolving dynamic imports that contain variables.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-json](https://github.com/rollup/plugins/blob/master/packages/json)) - Convert `.json` files to ES6 modules.
#### Covered by default in Vite
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-babel](https://github.com/rollup/plugins/tree/master/packages/babel)) - Compile your files with Babel.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-buble](https://github.com/rollup/plugins/tree/master/packages/buble)) - Compile ES2015 with buble.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-data-uri](https://github.com/rollup/plugins/tree/master/packages/data-uri)) - Import modules from Data URIs.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-html](https://github.com/rollup/plugins/tree/master/packages/html)) - Create HTML files to serve Rollup bundles.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-node-resolve](https://github.com/rollup/plugins/tree/master/packages/node-resolve)) - Locate and bundle third-party dependencies in node_modules.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-sucrase](https://github.com/rollup/plugins/tree/master/packages/sucrase)) - Compile TypeScript, Flow, JSX, etc with Sucrase.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-typescript](https://github.com/rollup/plugins/tree/master/packages/typescript)) - Integration between Rollup and TypeScript.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-wasm](https://github.com/rollup/plugins/tree/master/packages/wasm)) - Import WebAssembly code with Rollup.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-url](https://github.com/rollup/plugins/tree/master/packages/url)) - Import files as data-URIs or ES Modules.
#### Compatible with Vite
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-beep](https://github.com/rollup/plugins/tree/master/packages/beep)) - System beeps on errors and warnings.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-dsv](https://github.com/rollup/plugins/blob/master/packages/dsv)) - Convert `.csv` and `.tsv` files into JavaScript modules with d3-dsv.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-eslint](https://github.com/rollup/plugins/blob/master/packages/eslint)) - Verify entry point and all imported files with ESLint.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-graphql](https://github.com/rollup/plugins/blob/master/packages/graphql)) - Convert .gql/.graphql files to ES6 modules.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-image](https://github.com/rollup/plugins/blob/master/packages/image)) - Import JPG, PNG, GIF, SVG, and WebP files (needs `enforce: 'pre'`).
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-inject](https://github.com/rollup/plugins/blob/master/packages/inject)) - Scan modules for global variables and injects import statements where necessary.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-legacy](https://github.com/rollup/plugins/tree/master/packages/legacy)) - Add export declarations to legacy non-module scripts.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-replace](https://github.com/rollup/plugins/tree/master/packages/replace)) - Replace strings in files while bundling.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-strip](https://github.com/rollup/plugins/tree/master/packages/strip)) - Remove debugger statements and functions from your code.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-virtual](https://github.com/rollup/plugins/blob/master/packages/virtual)) - A Rollup plugin that loads virtual modules from memory.
- <b><code> 3642⭐</code></b> <b><code> 590🍴</code></b> [@rollup/plugin-yaml](https://github.com/rollup/plugins/blob/master/packages/yaml)) - Convert YAML files to ES6 modules.
- <b><code> 78⭐</code></b> <b><code> 5🍴</code></b> [rollup-plugin-graphql-codegen](https://github.com/rxliuli/liuli-tools/tree/master/libs/rollup-plugin-graphql-codegen)) - Generating type definitions for GraphQL tag template strings in worker_threads.
- <b><code> 78⭐</code></b> <b><code> 5🍴</code></b> [rollup-plugin-i18next-dts-gen](https://github.com/rxliuli/liuli-tools/tree/master/libs/rollup-plugin-i18next-dts-gen)) - Generating type definitions from i18n JSON files are used for code hinting and validation.
#### Community
- Check the <b><code> 2563⭐</code></b> <b><code> 139🍴</code></b> [Awesome Rollup list](https://github.com/rollup/awesome)) for community-maintained rollup plugins, and refer to the Vite docs section about 🌎 [rollup plugin compatibility](vitejs.dev/guide/api-plugin.html#rollup-plugin-compatiblity).
## SSR
[react]: https://img.shields.io/badge/-React-4ab2cf
[vue2]: https://img.shields.io/badge/-Vue%202-42b883
[vue3]: https://img.shields.io/badge/-Vue%203-42b883
[svelte]: https://img.shields.io/badge/-Svelte-db552a
<!--lint disable awesome-list-item-->
### Libraries
- <b><code> 4327⭐</code></b> <b><code> 348🍴</code></b> [Vike](https://github.com/vikejs/vike)) - Like Nuxt/Next.js but as a do-one-thing-do-it-well plugin. ![react] ![vue3] ![vue2] ![svelte]
- <b><code> 2607⭐</code></b> <b><code> 284🍴</code></b> [ssr](https://github.com/zhangyuang/ssr)) - A Server Side Rendering framework combined with Webpack/Vite. ![react] ![vue3] ![vue2]
- <b><code> 473⭐</code></b> <b><code> 12🍴</code></b> [vavite](https://github.com/cyco130/vavite)) - A tool for developing and building server-side applications with live reloading capabilities.
- <b><code> 12⭐</code></b> <b><code> 0🍴</code></b> [vue-ssr](https://github.com/bistroo/vue-ssr)) - Minimalistic wrapper to develop and run SSR powered Vue apps. ![vue3]
- <b><code> 88⭐</code></b> <b><code> 3🍴</code></b> [vite-ssr-boost](https://github.com/Lomray-Software/vite-ssr-boost)) - Server side rendering library for create awesome app based on `react-router`. ![react]
- <b><code> 113⭐</code></b> <b><code> 6🍴</code></b> [SSRx](https://github.com/marbemac/ssrx)) - A thin layer on top of Vite to build modern SSR apps with a delightful DX.
- <b><code> 2108⭐</code></b> <b><code> 80🍴</code></b> [Vinxi](https://github.com/nksaraf/vinxi)) - The Full Stack JavaScript SDK. Allows adding SSR to a Vite app.
### Frameworks
- <b><code> 1064⭐</code></b> <b><code> 29🍴</code></b> [Rakkas](https://github.com/rakkasjs/rakkasjs)) - React framework inspired by Next.js and SvelteKit. ![react]
- <b><code> 15⭐</code></b> <b><code> 1🍴</code></b> [Vise](https://github.com/stauren/vise-ssr)) - SSR framework with server hooks. ![react] ![vue3]
- <b><code> 901⭐</code></b> <b><code> 42🍴</code></b> [@fastify/fastify-dx](https://github.com/fastify/fastify-dx)) - Allowing you to serve static or live (SSR).
- <b><code> 98⭐</code></b> <b><code> 14🍴</code></b> [vite-plugin-vercel](https://github.com/magne4000/vite-plugin-vercel)) - Vercel adapter.
- <b><code> 2⭐</code></b> <b><code> 0🍴</code></b> [vite-vlugin-vercel-skew-protection](https://github.com/bitttttten/vite-vlugin-vercel-skew-protection)) - Helps configure Vercel Skew Protection.
<!--lint enable awesome-list-item-->
## Integrations with Backends
### Adobe Experience Manager
### Craft CMS
- <b><code> 52⭐</code></b> <b><code> 16🍴</code></b> [Craft Vite](https://github.com/nystudio107/craft-vite)) - Plugin for integration with Craft CMS.
### Django
- <b><code> 570⭐</code></b> <b><code> 72🍴</code></b> [django-vite](https://github.com/MrBin99/django-vite)) - Integration for Django applications.
- <b><code> 108⭐</code></b> <b><code> 13🍴</code></b> [django-vite-plugin](https://github.com/protibimbok/django-vite-plugin)) - Integration for Django applications including vite plugin.
### Flask
- 🌎 [Flask-Vite](pypi.org/project/flask-vite/) - Integration with Flask.
### Ruby on Rails
- <b><code> 1326⭐</code></b> <b><code> 122🍴</code></b> [vite-plugin-ruby](https://github.com/ElMassimo/vite_ruby/tree/main/vite-plugin-ruby)) - Configuration for Ruby backends.
- <b><code> 1326⭐</code></b> <b><code> 122🍴</code></b> [Vite Ruby](https://github.com/ElMassimo/vite_ruby)) - Integration for Rails, Hanami, Padrino, and Rack apps.
### Laravel
- <b><code> 601⭐</code></b> <b><code> 70🍴</code></b> [Laravel Vite](https://github.com/innocenzi/laravel-vite)) - Integration for the Laravel framework.
- <b><code> 804⭐</code></b> <b><code> 152🍴</code></b> [Laravel Vite Plugin](https://github.com/laravel/vite-plugin)) - Laravel official plugin for Vite.
### CakePHP
- <b><code> 20⭐</code></b> <b><code> 6🍴</code></b> [cakephp-vite](https://github.com/passchn/cakephp-vite)) - Integration for CakePHP.
### WordPress
- <b><code> 132⭐</code></b> <b><code> 12🍴</code></b> [wordpress-vite-assets](https://github.com/idleberg/php-wordpress-vite-assets)) - Integration for WordPress themes.
- <b><code> 19⭐</code></b> <b><code> 0🍴</code></b> [Kima](https://github.com/axelilali/kima)) - Starter theme with Twig.
- <b><code> 2115⭐</code></b> <b><code> 156🍴</code></b> [WordPlate](https://github.com/vinkla/wordplate)) - Starter app with Composer.
### TYPO3 CMS
- <b><code> 2⭐</code></b> <b><code> 1🍴</code></b> [vite-plugin-typo3](https://github.com/s2b/vite-plugin-typo3)) - Frontend integration for TYPO3 CMS.
- <b><code> 41⭐</code></b> <b><code> 12🍴</code></b> [vite-asset-collector for TYPO3](https://github.com/s2b/vite-asset-collector)) - Backend integration for TYPO3 CMS.
### Go
- <b><code> 29⭐</code></b> <b><code> 5🍴</code></b> [vite](https://github.com/olivere/vite)) - Integration with Go.
### Rust
- <b><code> 1537⭐</code></b> <b><code> 63🍴</code></b> [create-rust-app](https://github.com/Wulf/create-rust-app)) - Integration for Rust web apps.
### OctoberCMS
### Symfony
- <b><code> 231⭐</code></b> <b><code> 24🍴</code></b> [Vite Bundle](https://github.com/lhapaipai/vite-bundle)) - Integration for Symfony.
### Shopify
- <b><code> 287⭐</code></b> <b><code> 45🍴</code></b> [vite-plugin-shopify](https://github.com/barrel/barrel-shopify/tree/main/packages/vite-plugin-shopify)) - Integration for Shopify themes.
### CodeIgniter
### DDEV
### Node.js
- <b><code> 655⭐</code></b> <b><code> 38🍴</code></b> [vite-express](https://github.com/szymmis/vite-express)) - Integration for Express web apps.
- <b><code> 12⭐</code></b> <b><code> 1🍴</code></b> [vite-manifest-parser](https://github.com/sullay/vite-manifest-parser)) - Parses manifest.json to generate HTML script and link tags.
### ASP.NET Core
- <b><code> 254⭐</code></b> <b><code> 34🍴</code></b> [Vite.AspNetCore](https://github.com/Eptagone/Vite.AspNetCore)) - Integration with ASP.NET Core projects.
### Drupal
- 🌎 [Vite module](git.drupalcode.org/project/vite) - Backend integration for Drupal.
- <b><code> 17⭐</code></b> <b><code> 7🍴</code></b> [vite-plugin-twig-drupal](https://github.com/larowlan/vite-plugin-twig-drupal)) - Support for Twig with includes/embeds and Drupal specific twig features.
### PHP
- <b><code> 30⭐</code></b> <b><code> 2🍴</code></b> [PHP-Vite](https://github.com/mindplay-dk/php-vite)) - Integration for PHP, Composer package, no framework dependencies.
- <b><code> 19⭐</code></b> <b><code> 1🍴</code></b> [PHP-Vite Starter Repo](https://github.com/nititech/php-vite-starter)) - Starter repository, with TypeScript/JavaScript, Tailwind CSS, SASS/SCSS, EJS, SVG and image support.
- <b><code> 0⭐</code></b> <b><code> 0🍴</code></b> [php-vitelinker](https://github.com/Osteoporosis/php-vitelinker)) - A CLI tool that generates includable PHP files after building bundles.
## Migrations
### Vue CLI
### React
- <b><code> 132⭐</code></b> <b><code> 3🍴</code></b> [Viject](https://github.com/bhbs/viject)) - One-shot migration tool from Create React App.
## Projects Using Vite.js
### Open Source
- <b><code> 13047⭐</code></b> <b><code> 2105🍴</code></b> [VitePress](https://github.com/vuejs/vitepress)) - Static Site Generator powered by Vite and Vue.
- <b><code> 33259⭐</code></b> <b><code> 1350🍴</code></b> [Slidev](https://github.com/slidevjs/slidev)) - Presentation Slides for Developers.
- <b><code> 46608⭐</code></b> <b><code> 2474🍴</code></b> [Astro](https://github.com/withastro/astro)) - Modern Static Site Builder.
- <b><code> 554⭐</code></b> <b><code> 35🍴</code></b> [Hathora](https://github.com/hathora/hathora)) - Multiplayer game framework.
- <b><code> 7915⭐</code></b> <b><code> 462🍴</code></b> [Nhost](https://github.com/nhost/nhost)) - Nhost is an Open Source Firebase Alternative with GraphQL.
- <b><code> 2616⭐</code></b> <b><code> 91🍴</code></b> [Ladle](https://github.com/tajo/ladle)) - Tool for developing and testing component stories powered by Vite and React.
- <b><code> 458⭐</code></b> <b><code> 67🍴</code></b> [IslandJS](https://github.com/sanyuan0704/island.js)) - Static site generator base on islands architecture.
- <b><code> 329⭐</code></b> <b><code> 10🍴</code></b> [Vituum](https://github.com/vituum/vituum)) - Wrapper around Vite with predefined config, integrations and template engines.
- <b><code> 189⭐</code></b> <b><code> 12🍴</code></b> [Compiiile](https://github.com/AlbanCrepel/compiiile)) - Preview or host folders containing Markdown files with full-text search and presentation slides.
- <b><code> 27⭐</code></b> <b><code> 1🍴</code></b> [Gracile](https://github.com/gracile-web/gracile)) - A meta-framework powered by Lit SSR.
- <b><code> 117⭐</code></b> <b><code> 5🍴</code></b> [@lazarv/react-server](https://github.com/lazarv/react-server)) - A React meta-framework.
- <b><code> 4463⭐</code></b> <b><code> 185🍴</code></b> [WXT](https://github.com/wxt-dev/wxt)) - Framework for building web extensions, with the same DX as Nuxt.
### Apps/Websites
- <b><code> 5487⭐</code></b> <b><code> 259🍴</code></b> [Icônes](https://github.com/antfu/icones)) - Icon explorer with instant search.
- <b><code> 98⭐</code></b> <b><code> 11🍴</code></b> [Awesome CN Café](https://github.com/antfu/awesome-cn-cafe-web)) - Web application for Awesome CN Café.
- <b><code> 42⭐</code></b> <b><code> 16🍴</code></b> [Todo Example](https://github.com/beary/vite-example)) - Todo app with routing and state management.
- 🌎 [aitrack.work](aitrack.work) - A task-based time tracker for everyday use.
- <b><code> ?⭐</code></b> <b><code> ?🍴</code></b> [macOS in Svelte](https://github.com/PuruVJ/macos-web/)) - macOS Desktop experience for Web in Svelte.
- <b><code> 952⭐</code></b> <b><code> 343🍴</code></b> [vue3-realworld-example-app](https://github.com/mutoe/vue3-realworld-example-app)) - Realworld app implementation using Vue 3 + TypeScript + Composition API.
- <b><code> 78⭐</code></b> <b><code> 12🍴</code></b> [react-device-frameset](https://github.com/zheeeng/react-device-frameset)) - This is yet another device frameset component for React.
- 🌎 [Preview.js](previewjs.com) - An IDE extension to instantly preview React, Vue 2 and Vue 3 components.
- <b><code> 22⭐</code></b> <b><code> 2🍴</code></b> [pointer-lock-movement](https://github.com/zheeeng/pointer-lock-movement)) - A pointer lock movement manager for customizing your own creative UI.
- <b><code> 64⭐</code></b> <b><code> 1🍴</code></b> [vite-run](https://github.com/biggerstar/vite-run)) - Multiple configuration execution support for vite, freely combining configurations like stacked blocks.
- <b><code> 20⭐</code></b> <b><code> 1🍴</code></b> [Dataviz Explorer](https://github.com/fehmisener/dataviz-explorer)) - A tool for large CSV, database, and real-time visualization with interactive plots using `Highcharts`, `Chart.js`, `React`, `JavaScript`, `Material UI` and `GitHub Actions with Coverage Report`.
## Source
<b><code> 14352⭐</code></b> <b><code> 1138🍴</code></b> [vitejs/awesome-vite](https://github.com/vitejs/awesome-vite))