Awesome Vite Overview
⚡️ A curated list of awesome things related to Vite.js
🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 vitejs/awesome-vite · ⭐ 13K · 🏷️ Front-End Development
Awesome Vite.js
A curated list of awesome things related to Vite.js
Table of Contents
Use the "Table of Contents" menu on the top-right corner to explore the list.
Resources
Official Resources
- Documentation
- GitHub Repo (⭐63k)
- Release Notes (⭐63k)
- Vue 3 Docs
- Awesome Vue (⭐71k)
- Migration from v4
Get Started
- create-vite (⭐63k) - Scaffolding Your First Vite Project.
- create-vitawind (⭐146) - Scaffolding for TailwindCSS project.
- create-electron-vite (⭐131) - Scaffolding Your Electron + Vite Project.
- create-vite-app (⭐200) - Scaffolding Your Out Of The Box Vite Project.
- create-nx-workspace (⭐21k) - Scaffolding a Nx + React + Vite + Vitest.
- bati (⭐127) - Scaffolding a Vike project.
- create-awesome-node-app (⭐47) - Scaffolding your project choosing between different templates.
Templates
Vanilla
- vite-vanilla-tailwind-v3 (⭐45) - Starter template for Tailwindcss and prettier-plugin-tailwindcss build-in.
- vite-vanilla-ts-lib-starter (⭐237) - Starter for library (CJS, ESM, IIFE) with TypeScript, ESLint, Stylelint, Prettier, Jest, Husky + lint-staged.
- vite-tailwind-nojs-starter (⭐40) - NoJS Tailwind CSS starter template.
- vite-tailwind-stimulus-starter (⭐8) - Starter template for Tailwind CSS and Stimulus controllers.
- docker-vitejs-tailwind-handlebars (⭐6) - Starter template for TailwindCSS and Handlebars (Docker Compose).
- vite-phaser-ts (⭐17) - Starter template with Phaser and Typescript.
- vite-tinybase (⭐3) - Starter template for TinyBase.
- vite-tinybase-ts (⭐7) - Starter template for TinyBase and TypeScript.
- vite-vanilla-js-template (⭐12) - Starter template ESlint, Prettier, PostCSS, Nesting, Autoprefixer, CSS Nano, CSS Reset.
- vite-starter-markup-template (⭐26) - Starter template for Markup.
- create-domco (⭐11) - Starter template for domco SSG.
- vite-vanilla-library-template (⭐8) - Starter template TypeScript, ESLint, Vitest, Husky, Conventional Commits, GitHub actions.
- vite-alpine-template (⭐0) - Starter template for Alpine.
Vue 3
- Vitesse (⭐8.4k) - Opinionated starter template.
- vite-ts-tailwind-starter (⭐373) - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI.
- vue-vben-admin (⭐21k) - Background management template based on Vue3, Ant-Design-Vue, TypeScript.
- vue-pure-admin (⭐12k) - Background management template based on Vue3, TypeScript, Tailwind CSS, element-plus.
- fast-crud (⭐673) - Options-oriented crud framework, developing crud as fast as lightning.
- vivu (⭐73) - Opinionated scalable vue boilerplate.
- vite-tauri-template (⭐310) - Tauri + Vite + Vue 3 + Vuetify 3 desktop app template.
- vue-vite-h5 (⭐63) - Use Vue3, TypeScript and Vant to develop mobile applications.
- Vitesome (⭐261) - Vue3 + TypeScript + WindiCSS + Vue Router 4, i18n and Iconify.
- vitesse-lite (⭐1k) - Lightweight version of Vitesse.
- vitesse-webext (⭐2.5k) - WebExtension Vite Starter Template.
- vite-ts-vue3-todo (⭐47) - Vue3 + TS + Vue-Router4 + Pinia2 template.
- naive-ui-dashboard-template (⭐53) - UI friendly, Vue 3 + TSX + TailwindCSS 2 JIT + PostCSS + Naive UI.
- vitailse (⭐141) - Like Vitesse but with Tailwind CSS.
- vitespa (⭐34) - Vitesse-based SPA without SSG.
- vite-quasar-starter (⭐48) - Vite 2.x + Vue 3.x + quasar 2.x starter.
- vue3-mobile-template (⭐39) - Vue3 + TS + Vue-Router4 + Vuex4 + Vant + Vue-use + Vue-i18n Mobile Template.
- vue3-template (⭐81) - Vue 3 / Tailwind CSS / vue-router / PNPM / ESlint Airbnb / Stylelint / GitHub pages actions / Netlify.
- Modern Vue (⭐293) - Modern Vue stack 2022.
- Vitecamp (⭐332) - Vue3 / Element Plus / Axios / Vue Router / Pinia / Windi CSS / icones / i18n / Markdown / Svg / ESLint Airbnb Style / Components and APIs auto importing.
- vite-vue3-typescript-webcomponent (⭐23) - Vue 3 / Typescript / boiler plate to develop Web Component.
- vite-vue-ts-storybook (⭐73) - Vue 3 / i18n / Typescript / Vite / Storybook / ESLint / Prettier.
- vite-vue-tailwind-v3 (⭐6) - Starter template for Vue3 + TailwindCSS and
prettier-plugin-tailwindcss
build-in. - vite-vue-ts-tailwind-v3 (⭐7) - Starter template for Vue3 + Typescript + TailwindCSS and
prettier-plugin-tailwindcss
build-in. - Vitawind Creator - Create TailwindCSS project rapidly.
- vue3-ts-vite-vitest-todo (⭐13) - Vue 3 / TypeScript / Vite / Vitest with full tests / Composition API / Pure TS/TSX.
- vue3-tailwind3-website-starter - Vue3 / Vite / TailwindCSS website starter template, with guides on each page.
- vite-boot (⭐204) - Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + VueUse Template.
- Vue Naive (⭐2.2k) - Admin template, base on Vue 3 + Pinia + Naive UI.
- vue-admin-box (⭐1.6k) - Admin template, based on Vue 3 + Element-plus.
- vivu-npm (⭐42) - Starter template to build component library.
- vue3-pc-template (⭐23) - Vite + ElementPlus + Vue3 + TS + Vue-Router4 + Vuex4 + Vue-use + Vue-i18n PC Template.
- ViTauri (⭐55) - Vite + Tauri + Vue3 + TS + Vue-Router4 + Auto imports.
- vue-hbs-admin (⭐123) - Admin starter template based on
Vite
+Vue3
+TypeScript
+Vue-Router4
+Pinia
+Unocss
+Ant-design-vue
+Auto imports
. - vite-vue-proste (⭐12) - Pinia + Typescript + Vue-Router4 + Vitest + Vue-Test-Utils + Vue-Query + Sass + ESLint + Stylelint + Prettier +
project presets
. - vue-vite-ssr (⭐26) - Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.
- vue3-vant-mobile (⭐551) - Vite + Vue3 + Vant4 + Pinia + Vue-Router4 + TypeScript Mobile Template.
- vue3-powerbuild (⭐12) - Vue 3 + TypeScript + Tailwind CSS + Vite + Storybook + ESLint + Prettier.
- vue-ts-starter (⭐58) - Vue3 + TypeScript + Vite + Pinia.
- vitequality (⭐11) - Vue 3 + Typescript + Vue Router + Pinia + Eslint + Jest + Cypress.
- vue-vite-tw-ts (⭐11) - Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router.
- vite-vue-box (⭐51) - Vite + Vue 3 + Ts + TailWindCss + VueHook Plus + Pinia + Axios + ESLint + Stylelint.
- vite-vue-js-starter-template (⭐112) - Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Prettier Simple Template.
- vite-vue3-bootstrap-ts-vitest-starter (⭐4) - Vue 3 + TypeScript + Vite + Bootstrap Vue 3 + Vitest.
- vue-xs-admin (⭐84) - Based on Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter.
- vue-component-template (⭐21) - Vue 3, TSX, ESLint, Prettier.
- ionic-vue-vite (⭐2) - Vue 3 + Vue Router + Vite + Ionic.
- ionic-vue-pnpm-monorepo (⭐6) - Vue 3 + Vue Router + Vite + Ionic + pnpm monorepo.
- ionic-vue-pnpm-express-monorepo (⭐3) - Frontend: Vue 3 + Vue Router + Vite + Ionic, Backend: express + pnpm monorepo.
- ionic-vue-capacitor (⭐6) - Vue 3 + Vue Router + Vite + Ionic + Capacitor + pnpm monorepo.
- ultimate-vite-ts-less-template (⭐6) - Vue 3, TypeScript, Less, i18n, Vitest, Vitepress, lodash, Axios, Pinia, Built-in logger, Built-in Input Validators, env files.
- vite-vue-h5-app (⭐12) - Vite 3 + Vue 3.2 + TypeScript + Vant mobile applications.
- vulcan (⭐15) - The template for mobile application. Vite, Vue 3, TypeScript, Sass, i18n, Vitest&Cypress, Pinia, APIs&Mock, ESLint, Prettier, auto-importing.
- vite-plugin-ssr-vue3-ts-compositionAPI-i18n-fetchData (⭐0) - Vue3 + Typescript + CompositionAPI + i18n + fetchData.
- vite-plugin-vue-sfc-in-js (⭐25) - Vue SFC syntax in JS files, allows to create multiple components in a single .js file.
- vite-vue-lib-template (⭐12) - Vue 3, Eslint, Prettier, Conventional Commit, Pre-commit, Lint-staged, Semantic-release, TypeScript.
- vite-plugin-style-vw-loader (⭐3) - A loader that can convert the style px in the vue tag to vw.
- vue3-ts-pinia-vant (⭐88) - Vue3, Vue Router, Pinia, Composition API, TypeScript, Vant4, VueUse, Axios, SocketIO, PostCSS, ESlint, Prettier, Husky, Lint-staged, Mock, Amap, QQ Login, Alipay Sandbox, Eruda, CI/CD, Vercel, Mobile Project.
- antdv-pro (⭐517) - 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.
- vue3-quick-start (⭐12) - Building an engineered Vue 3 project, integrated with
Vite
+Vue3
+TypeScript
+ESLint
+Prettier
+Commitizen
+Husky
+LintStaged
+CommitLint
+AutoImport
+ReleaseIt
. - antd-vue3-admin (⭐10) - A starter template based on Vue3, Vite4, TS5 and Ant-Design-Vue4.
- vue-file-upload (⭐26) - A file management system built with
Vue3
andTypeScript
that allows for single and multiple file uploading with a preview feature. - arco-admin (⭐21) -
Vite
+ArcoDesign
+TypeScript
followsESM
standards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems. - materio-free-vuetify-nuxtjs-admin-template (⭐18) - Vuejs 3, Vite 5, Vuetify 3 & NuxtJS 3.
Vue 2
- vite-vue2-windicss-starter (⭐184) - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript.
- vite-ts-vue2-todo (⭐47) - Vue2 + ts + Vue-Router3 + Pinia1 + Composition API.
- vite-vue2-ts-starter (⭐32) - Vue2 TypeScript starter template using vue-property-decorator, vue-router, Vuex.
- vite-vue2-ts-vuetify-starter (⭐83) - It is the above vite-vue2-ts-starter with Vuetify and its optimized settings. Includes basic templates.
- vite-vue2-ts-template-starter (⭐9) - Vite + Vue2 + Typescript + Vuex + Vue-router + Axios + Sass Simple Template.
- vitify-admin (⭐113) - Vuetify admin starter template with full TypeScript support and intellisense of Vuetify components.
- vite-vue2-js-starter-template (⭐67) - Vite + Vue2 + JavaScript + Vue Router + Vuex + Axios + Less + ESLint + Stylelint + Prettier Simple Template.
React
- Vitamin (⭐469) - React TypeScript, TailwindCSS, SPA + PWA, Cypress and CI.
- vite-reactts-eslint-prettier (⭐453) - React, TypeScript, ESlint, Prettier, Pre-commit.
- react-vite-admin (⭐221) - React, Recoil, React Query, React Hooks, TypeScript, Axios.
- vite-template-react (⭐78) - A Create React App-like template.
- vitejs-template-react-rescript (⭐120) - React + ReScript.
- template-vite-react (⭐144) - A minimal React Vite starter template.
- reactjs-vite-tailwindcss-boilerplate (⭐405) - React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.
- Tropical (⭐154) - React, Storybook, MDX, Fela, SSR prerendering, and islands architecture.
- vite-reactts18-chakra-jest-husky (⭐47) - React 18, TypeScript, Chakra UI, Jest, ESLint, Prettier, Husky.
- react-ts-vite-template (⭐117) - React, TypeScript, Jest, Testing Library, Cypress, ESLint, Prettier, Husky.
- vite-reactts-tailwind-rtk-eslint (⭐51) - React, TypeScript, Tailwind CSS, Redux Toolkit, eslint.
- vite-react-tailwind-template (⭐38) - React 17, TypeScript, Jest, ESLint, Prettier, Husky, Tailwind CSS, PostCSS, pnpm.
- stravital (⭐26) - TypeScript, Git Hooks, Commitizen, Lint Staged, TailwindCSS.
- vite-react-ts-tailwind-firebase-starter (⭐260) - Starter using Vite + React + TypeScript + Tailwind CSS (daisyUI) + Firebase (v9) + Prettier + ESLint.
- vite-react-ts-starter (⭐123) - React, TypeScript, Jest, ESLint, Prettier, TailwindCSS, Husky, Conventional Commits.
- vital (⭐233) - React, TypeScript, Tailwind (JIT), CSS-Modules, Jest, Atomic Design, Prettier, Husky, Commit-lint.
- vite-react-ts-ghactions-template (⭐46) - React, TypeScript, Vitest + React Testing Library, GitHub Actions + GitHub Pages, ESLint, Prettier, Husky, Commitlint.
- vite-react-tailwind-v3 (⭐17) - Starter template for React + TailwindCSS and
prettier-plugin-tailwindcss
build-in. - vite-react-ts-tailwind-v3 (⭐28) - Starter template for React + Typescript + TailwindCSS and
prettier-plugin-tailwindcss
build-in. - create-react-app-vite (⭐111) - React, TypeScript, TailwindCSS, MSW, Vitest, React Testing Library, ESLint, Prettier, GitHub Actions.
- vite-react-starter (⭐58) - React + ESLint + Prettier + SASS + Emotion + TailwindCSS + Jest + Testing Library.
- chrome-extension-boilerplate-react-vite (⭐1.4k) - React + TypeScript + SASS + Prettier + ESLint + GitHub Actions + Chrome Extension Manifest v3.
- vite-ant-design-pro (⭐97) - React + antd + ProComponents + ReactQuery + ReactRouter6.
- vite-rtk-query (⭐115) - React, TypeScript, Redux Toolkit, RTK Query, TailwindCSS, MSW, Jest, React Testing Library, ESLint, Prettier.
- vite-react-proste (⭐13) - React + TypeScript +
react-router-dom
+ Recoil + SASS + Testing Library +react-query
+ ESLint + Stylelint + Prettier. - React-PWA (⭐480) - React v18, TypeScript, Vite, React Router v6, MUI v5, Recoil, PWA, Eslint, Prettier, Husky, lint-staged, https localhost and more.
- vite-react-ts-minimal-template (⭐26) - React + TypeScript + Airbnb ESLint + Prettier + Husky.
- react-vite-ssr (⭐26) - Mobx, Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.
- Viact (⭐40) - React + TypeScript + ESLint + Prettier + Support RTL + mock REST API Viact + Storybook, ErrorBoundary, UnoCss and more.
- Viterts (⭐32) - React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS.
- ViteRC (⭐44) - React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + Absolute imports + Commit linting.
- VRTTV (⭐42) - React + TypeScript + TailwindCSS + ESLint + Prettier + Husky + Conventional Commits + Gitmoji + GitHub Actions + Vercel Deploy.
- React Starter Kit (⭐22k) - Jamstack, React, React Router, Material UI, Firebase Auth, TypeScript, ESLint, Prettier, Jest, GitHub Actions.
- vite-mern-template (⭐56) - React 18 + TypeScript + Vite + Redux Toolkit + ESLint + React Router DOM + Axios + React Icons + React Toastify + Express + Mongoose.
- react-pipeline (⭐6) - React 18 + TS + AntD + GitHub Pages + Tailwind + Sass + React Router DOM + ESLint.
- Varsarr (⭐26) - React, Typescript, Styled-Components, Recoil, React-Query, Axios, Absolute imports.
- viterjs-template (⭐33) - React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier.
- react-vite-ts-boilerplate (⭐85) - React 18, TypeScript, SCSS, ESLint, Prettier, Vitest.
- vite-react-universal-template (⭐36) - React18 + TypeScript +
react-router-dom
+ Zustand + ESlint + Prettier + Stylelint + Husky + Docker, and APIs auto importing. - vite-reactts18-eslint-tailwindcss (⭐22) - React 18 + TypeScript + ESLint + TailwindCSS.
- vite-plugin-react-views (⭐21) - Create routes automatically based on File System.
- react-vite-template (⭐21) - A react project template.
- react-xs-admin (⭐24) - The background management system template developed based on React18 + ReactRouteV6 + Vite + And Design + ReactIntl + ReactRedux + Emulation.
- vite-mui-ts (⭐34) - React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier.
- leo-react-app (⭐3) - React + SASS | Template for React applications with SASS boilerplate for consistent interfaces.
- template-vite-react-ts-tailwind (⭐23) - React + TypeScript + Tailwind CSS + Eslint + Prettier.
- vite-react-ts-tailwind-template (⭐14) - React, TypeScript, ESLint, Prettier, Husky, Vitest for specs, and Tailwind + CSS Modules.
- vite-react-ts-template (⭐58) - React 18, TypeScript, ESlint, Prettier, Dev Container, Vitest, Storybook, Playwright, MSW, React Router 6, React Query, Chakra UI, Zustand.
- react-vite-tailwindcss-template (⭐9) - React, JavaScript, TailwindCSS, ESlint, Prettier, Pre-commit.
- vite-tinybase-react (⭐3) - Starter template for TinyBase and React.
- vite-tinybase-ts-react (⭐6) - Starter template for TinyBase, TypeScript, and React.
- vite-react_best_practices-template (⭐142) - Template for creating React apps with TypeScript following best practices: Unit and end-to-end tests, Continuous Integration, and linting.
- vite-react-ssr-boost-template (⭐20) - Template for creating
React 18
SSR/SPA apps withTypeScript
,Mobx
,React Router
,Head Manager
, Suspense, Streaming. Also included CI/CD,ESLint
,Prettier
,Stylelint
,Husky
,Semantic Release
. - vite-react-ts-shadcn-starter (⭐27) - Template for creating
React 18
SPA apps withTypeScript
,React Router
,Tailwind CSS
,Shadcn UI
,React Query
,ESLint
,Prettier
,Stylelint
,Husky
,React-i18next
,Transmart
. - template-tauri-vite-react-ts-tailwind (⭐6) - Template for Tauri + React + Typescript + TailwindCSS + Prettier + ESLint build-in.
- vite-react-chakra-starter (⭐81) - Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky.
- vite-react-tailwind-starter (⭐10) - Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky.
- monorepo-template-react (⭐52) - React + Typescript template for SSR, SPG, SPA and API provision.
- vite-react-dapp-template (⭐3) - Starter template for decentralized app frontend development with preconfigured Wallet Authentication, i18n and UI features.
- vite-express-ssr-ts (⭐9) - React + Typescript + ExpressJS + Vite SSR template with inbuild api feature.
- vite-react-flow-template (⭐7) - React Flow starter template.
- react-vite-template (⭐2) - React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged.
- gravity-ui-vite-template (⭐1) - Template with Gravity UI ecosystem (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged).
- vite-react-component-library-starter (⭐11) - A starter template for creating React component libraries with
TypeScript
,Tailwind CSS
,Storybook
,Vitest
,ESLint
,Prettier
,Husky
, andGitHub Action
. - vite-template-awesome-soho (⭐1) -
DevContainer
Template for creatingReact 18
,Javascript + JSDoc
,React Router
,Ant Design
,ESLint
,EditorConfig
,.env
,SonarLint
,Vitest
. - react-component-library-vite (⭐1) - A library template for with
React
,Javascript
,Styled-Components
,Vitest
,React Testing Library
,Storybook
.
Svelte
- SvelteKit (⭐17k) - The fastest way to build Svelte apps.
- sttv (⭐121) - Svelte, Tailwind CSS, TypeScript.
- svelte-vite-ssr (⭐56) - Svelte with SSR support.
- template-vite-svelte-ts-tailwind (⭐7) - Svelte + TypeScript + Tailwind CSS + Prettier.
- vite-svelte-flow-template (⭐3) - Svelte Flow starter template.
Solid
- vite-solid (⭐6) - Vite + Solid starter template.
- vitesse-solid (⭐56) - Opinionated Vite + SolidJS Starter Template. Includes TypeScript, ESLint, Prettier, UnoCSS, HopeUI and more.
- vitesse-lite-solid (⭐7) - Lightweight Vite Starter Template for SolidJS.
Electron
- electron-vite-vue (⭐3.6k) - Electron + Vite + Vue template.
- electron-vite-react (⭐1.5k) - Electron + Vite + React template.
- electron-vite-boilerplate (⭐200) - Support SerialPort, SQLite3 and node C/C++ addons.
- electron-vite-quick-start (⭐53) - Full stack uses Vite to run Electron application, including main process.
- electron-vite-template (⭐352) - Electron 13, Vue 3 and TypeScript. Make your desktop development easier.
- fast-vite-electron (⭐148) - Vue3 + Vite + Electron with esbuild.
- fast-vite-nestjs-electron (⭐229) - Vue3 + Vite + Electron + Nestjs with esbuild.
- vite-plugin-electron-quick-start (⭐81) - Template for Electron projects.
- vite-electron-builder (⭐2.1k) - Electron apps using Vite for both back and front-end, with automatic releases.
- vite-reactts-electron-starter (⭐273) - React, Tailwind CSS, TypeScript and Electron.
- Vitectron (⭐13) - TypeScript & JSX + Vue 3.x + Vite 2.x + Pinia 2.x + Vue-Router 4.x.
- vite-plugin-electron-renderer (⭐88) - Support use Node.js API in Electron-Renderer.
- electron-vue-template (⭐476) - Electron template with TypeScript, including Electron Builder.
- Vitron (⭐12) - Build beautiful (win, linux, mac) desktop apps for modern web projects with vite and electron.
- Vutron (⭐175) - Electron + Vite + Vue 3 + Pinia (TypeScript) template.
- vite-electron-plugin (⭐51) - High-performance, esbuild-based Vite Electron plugin.
- vite-plugin-doubleshot (⭐94) - For building Node.js backend or Electron main process.
Elm
- vite-elm-template (⭐112) - A default template for building Elm applications.
- elm_vite_tailwind_template (⭐33) - Opinionated template for building Elm web apps using Tailwind CSS and Daisy UI.
- vite-elm-spa (⭐13) - An unopinionated template for building Elm single page applications.
Petite-Vue
- vite-petite-vue-starter (⭐14) - Starter template.
VanJS
- vite-vanjs-js (⭐1) - VanJS and VanX with vanilla JavaScript.
- vite-vanjs-ts (⭐2) - VanJS and VanX with TypeScript.
Others
- P5.js Starter Template (⭐38) - Templates for creating P5.js sketches.
- vit-singlefile-gzip - Starter template for embedded.
- 11st-Starter-Kit (⭐368) - 11ty, powered by Vite with Tailwind CSS and Alpine.js.
- chrome-ext-template-preact-windi-vite (⭐63) - Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions and Chrome Extension Manifest v3.
- vite-vanilla-ts-knockout (⭐5) - Starter template for Knockout.js, TypeScript.
- vite-vue3-chrome-extension-v3 (⭐262) - Web extension starter template for Chrome, Firefox and Edge.
Plugins
Framework-agnostic Plugins
Integrations
- @vitejs/plugin-legacy (⭐63k) - Legacy browser support.
- vite-plugin-pwa (⭐2.6k) - Zero-config PWA.
- vite-plugin-windicss (⭐849) - Windi CSS integration.
- vite-plugin-node (⭐907) - Integration with Node.js backend servers.
- vite-plugin-cesium (⭐197) - Integration with Cesium library.
- vite-plugin-mpa (⭐213) - Out-of-box multi-page application (MPA) integration.
- vite-plugin-linter - Extensible linter framework that shows the linting output in the Vite output and the browser console, includes ESLint & TypeScript ootb.
- vite-plugin-checker (⭐851) - Fast run checkers (TypeScript/VLS/vue-tsc, etc.) in worker threads with overlay and terminal hint.
- @nabla/vite-plugin-eslint (⭐102) - Runs ESLint asynchronously in a worker to keep HMR fast.
- vite-plugin-tauri (⭐140) - Integrate Tauri in a Vite project to build cross-platform apps.
- vite-plugin-federation (⭐1.9k) - Support Module Federation, Inspired by Webpack Module Federation feature.
- vite-plugin-wasm-pack (⭐198) - Integration with rust wasm-pack (⭐5.8k), the simple way.
- vite-plugin-comlink (⭐144) - Use WebWorkers with the power of Comlink (⭐11k) to make them enjoyable.
- vite-plugin-sass-dts (⭐98) - This is a plugin that automatically creates a type file when using the CSS module type-safely.
- vite-plugin-simple-gql (⭐25) - Easily import .graphql and .gql files.
- vite-plugin-ali-oss (⭐26) - Upload the production files bundled in the project to Ali OSS, except for HTML.
- vite-plugin-webfont-dl (⭐242) - Downloads and injects webfonts (Google Fonts) to improve website's performance.
- vite-plugin-babel (⭐45) - Babel integration for both build and server to support f.ex. decorators or class fields in pure JS/JSX files.
- vite-plugin-resolve (⭐19) - Custom resolve module content.
- vite-plugin-electron (⭐552) - Integrate Vite and Electron.
- vite-plugin-optimizer (⭐31) - Manually Pre-Bundling.
- vite-plugin-dynamic-import (⭐170) - Enhance Vite builtin dynamic import.
- vite-plugin-esmodule (⭐24) - Build ES module to CommonJs module for Node.js.
- vite-plugin-dynamic-import-module (⭐21) - Support for dynamic import module with variables.
- vite-plugin-mp (⭐23) - Configure multi-pages applications and code splitting.
- vite-plugin-babel-compiler (⭐23) - The plugin works with Babel compiler.
- vite-plugin-commonjs (⭐83) - A pure JavaScript implementation for CommonJs.
- vite-plugin-mpa-plus (⭐75) - More flexible MPA (multi-page application) supports html templates, path rewriting.
- vite-plugin-tencent-oss (⭐8) - Upload the production files bundled in the project to Tencent OSS, except for HTML.
- vite-plugin-multi-pages (⭐17) - Multi Pages Support,can build src/pages anyPage,can set prefixName.
- vite-plugin-html-template-mpa (⭐16) - Multi Pages Common template support.
- vite-plugin-vconsole-mpa (⭐5) - Multi Pages Vconsole supports,simple config.
- vite-plugin-browser-sync (⭐45) - BrowserSync.
- vite-plugin-jspm (⭐58) - Resolves dependencies independently from CDN providers using import maps and es-module-shims.
- vite-plugin-print-urls (⭐8) - Vite hmr and page reload will print server urls.
- vite-plugin-env-switch (⭐5) - Switch project env and restart vite server without command line operation.
- vite-plugin-msg-log (⭐0) - Log the msg you want to confirm frequently (like env info) when HMR.
- vite-plugin-bullet-msg (⭐3) - Get the target strings in you source code and show them in browser(or handle them yourself).
- vite-plugin-virtual-mpa (⭐76) - Out-of-box MPA plugin, with html template engine and virtual files support, which generate multiple files using only one template.
- tailwindcss-vite-plugin (⭐33) - Tailwind CSS integration.
- vite-plugin-assemblyscript-asc (⭐18) - AssemblyScript integration with full support for HMR, ESM import bindings, and source maps.
- vite-plugin-qiniu-oss (⭐7) - Upload the production files bundled in the project to qiniu OSS, except for HTML.
- vite-plugin-stylelint (⭐20) - Runs Stylelint synchronously/asynchronously.
- Vite-plugin-graphiql (⭐6) - Integration for GraphiQL IDE.
- vite-plugin-graphql-server (⭐6) - Bootstrap a local GraphQL server for testing and documentaion.
- vite-plugin-multiple (⭐9) - Allow multiple Vite to run simultaneously.
- vite-plugin-target (⭐6) - Electron, Node.js, etc.
- vite-plugin-gitlab-flow (⭐6) - View the deployment information for the code in the console.
- unplugin-fonts (⭐278) - Load font from Typekit, Google Fonts, Fontsource or your own custom one.
- unplugin-config (⭐11) - Configuration file generator for web apps, allowing external customization of global variables without repackaging.
- vite-plugin-svg-spritemap (⭐21) - Generates a SVG spritemap from multiple .svg files.
- vite-plugin-dc (⭐3) - Integration with @dvgis/dc-sdk library.
- @spiriit/vite-plugin-svg-spritemap (⭐26) - Pack your SVG files in one spritemap file and use them with
<svg>
/<img>
and directly in your CSS. - vite-plugin-remix (⭐21) - Seamless integration of the Remix/Remixjs framework.
- vite-plugin-json-server (⭐2) - A seamless integration of JSON Server library.
- vite-plugin-react-mpa (⭐2) - An out-of-the-box MPA.
- vite-plugin-auto-mpa-html (⭐3) - A file directory-based automated multi-page build plugin that supports HTML templates using EJS.
- vite-plugin-cloudflare-functions (⭐34) - Cloudflare pages function integration.
- @storybook/builder-vite (⭐82k) - Storybook builder.
- @builder.io/partytown (⭐12k) - Relocate resource intensive third-party scripts off of the main thread and into a web worker.
- vite-plugin-meta-env (⭐6) - Define dynamic env variables in import.meta.env.
- vite-plugin-dynamic-proxy (⭐6) - Automatically configure reverse proxies based on URL parameters.
- unplugin-auto-export (⭐12) - Automates the maintenance of export statements in the index.ts file.
- remix-development-tools (⭐517) - Plugin for Remix.run development tools.
- vite-plugin-legacy-swc (⭐32) - Legacy browser support with SWC.
- vite-plugin-biome (⭐6) - Biome linter.
- vite-plugin-oxlint (⭐0) - Oxlint linter.
- @tomjs/vite-plugin-electron (⭐1) - Easily develop
Electron
applications. - @tomjs/vite-plugin-vscode (⭐2) - Easily use web frameworks to develop
VSCode Extension
'sWebview
, and supportHMR
andDebug
.
Loaders
- unplugin-icons (⭐3.4k) - Access thousands of icons as components.
- vite-plugin-rsw (⭐372) - Load rust-compiled (wasm-pack) WebAssembly packages.
- vite-imagetools (⭐816) - Load and transform images using url query parameters.
- vite-plugin-radar (⭐110) - All in one analytics loader (with 7+ providers supported).
- vite-plugin-monaco-editor (⭐185) - Monaco Editor integration.
- vite-plugin-image-presets (⭐243) - Define presets to automatically create and optimize responsive images.
- vite-plugin-import-rewriter (⭐9) - Rewriter the import based on conditions.
- vite-plugin-xml-loader (⭐13) - Loads xml file as JSON.
- vite-plugin-glsl (⭐272) - Import shader file chunks.
- vite-plugin-svgo (⭐21) - Load SVGs as plain string and transform with SVGO library.
- vite-plugin-remark-rehype - Loads and transform markdown files using the unified ecosystem.
- vite-plugin-gltf (⭐118) - Load, transform, optimize, and compress glTF 3D files.
- vite-plugin-importmap (⭐6) - I call this SASS at the code level.
- vite-plugin-thumbhash (⭐11) - Load and transform images using ThumbHash.
- vite-plugin-php (⭐11) - Load and process PHP-entry files instead of default index.html.
- unplugin-vue-images (⭐5) - Use the image resource as a component.
- vite-plugin-lqip (⭐23) - Generate low quality image placeholders (LQIP).
- vite-plugin-ms-clarity (⭐1) - Inject the Microsoft Clarity script to
index.html
. - @cyco130/vite-plugin-mdx (⭐7) - Import MDX.
- vite-awesome-svg-loader (⭐3) - Imports SVGs as source code, base64 and data URI. Preserves stroke width, replaces colors with currentColor. Optimizes SVGs with SVGO. Creates SVG sprites.
Bundling
- vite-plugin-importer (⭐56) - Integration for babel-plugin-import.
- vite-plugin-banner (⭐92) - Adds a banner to the top of each generated chunk.
- rollup-plugin-critical (⭐85) - Generate critical CSS.
- vite-plugin-dts (⭐1k) - Generate declaration files from
.ts
or.vue
source files for lib. - vite-compression-plugin (⭐95) - Use Node.js stream compress file to gzip or more.
- vite-plugin-chunk-split (⭐274) - Automatically code splitting, support unbundle in production.
- vite-plugin-static-copy (⭐210) - Copy files and folders.
- vite-plugin-copy-files (⭐9) - Move files to the location of the corresponding package directory.
- vite-plugin-progress (⭐204) - Display with progress bar when building.
- vite-plugin-importus (⭐23) - Modularly import plugin, compatible with antd, lodash, material-ui and so on.
- vite-plugin-build (⭐54) - Transform the whole folder in library mode.
- vite-plugin-zip-file (⭐12) - Compress files or folders into zip.
- vite-plugin-zip-pack (⭐22) - Pack distribution/build folder into a zip file.
- vite-plugin-cp (⭐51) - Copy files after building bundles.
- unplugin-compression (⭐15) - Compress dist to zip, tar, taz.
- unplugin-imagemin (⭐149) - High performance compressed Picture based on squoosh and sharp.
- vite-plugin-image-optimizer (⭐226) - Optimize (compress) your image assets using Sharp.js and SVGO at build time.
- vite-plugin-no-bundle (⭐44) - Generate unbundled code for use with native ESM or other bundlers.
- vite-plugin-clean (⭐12) - Remove or Clean your build folder(s).
- vite-plugin-css-injected-by-js (⭐319) - Takes the CSS and adds it to the page through the JS.
- vite-plugin-copy-dts (⭐31) - Merge declare module and declare global to target d.ts.
- unplugin-zip-pack (⭐1) - Zip your dist with filter function support.
- vite-plugin-singlefile (⭐650) - Inline all JavaScript and CSS resources directly into the final
dist/index.html
file. - vite-plugin-node-polyfills (⭐192) - Polyfill Node's Core Modules for browser environments.
- vite-plugin-cdn2 (⭐62) - Replace module with CDN.
- vite-plugin-bundle-prefetch (⭐5) - Inject prefetch assets into
index.html
. - vite-plugin-imagemin (⭐11) - Optimize and compress your image assets and optionally create WebP/AVIF.
- vite-plugin-lib-types (⭐0) - Generate DTS file while building library.
- vite-plugin-minipic (⭐15) - Efficient image compression tool.
Transformers
- vite-plugin-html (⭐506) - Plugin to minimize and use ejs template syntax in
index.html
. - vite-plugin-ts-nameof (⭐17) - Ability to resolve nameof (⭐486) in TypeScript.
- vite-plugin-handlebars (⭐157) - Process HTML files with Handlebars.
- vite-plugin-html-config (⭐45) - HTML tag configuration, such as script link style meta favicon and more.
- vite-plugin-html-template (⭐118) - HTML template, like
html-webpack-plugin
for Webpack. - vite-plugin-virtual-html (⭐64) - Make Vite MPA consistent with
@vue/cli
. - vite-plugin-require-context (⭐166) - Supports
require.context
. - vite-plugin-commonjs (⭐166) - Support CommonJS to ESM.
- vite-plugin-content (⭐123) - Convert
yaml
,xml
,ini
,toml
,csv
,plist
andproperties
files to ES6 modules. - vite-plugin-require (⭐50) - A Vite plugin that supports
require
by code transforming. - vite-plugin-global-style (⭐123) - Deal with global styles for CSS, SASS, LESS and Stylus.
- vite-plugin-shared-modules (⭐26) - Share node_modules in monorepos.
- vite-plugin-require-transform (⭐76) - Converts the code from require syntax to import.
- vite-plugin-twig (⭐16) - Twig template engine support.
- vite-plugin-stache (⭐4) - CanJS's template engine. Transforms
stache
files and template strings. - vite-plugin-pug-transformer (⭐35) - Pug template engine support.
- @import-meta-env/unplugin - Inject environment variables into the
import.meta.env
object after building the application instead of statically replacing it during production. - vite-plugin-load-css-module (⭐18) - Support custom regexp of css modules and use vite internal css plugin, not just
.module.xxx
. - vite-plugin-remain-exports (⭐3) - Remaining exports from the entry file that imported by html.
- vite-plugin-unocss-to-uni (⭐12) -
UnoCSS
inuni-app
. - @modyfi/vite-plugin-yaml (⭐51) - Transform YAML files to ESM with schema validation and error reporting.
- vite-plugin-head (⭐7) - Modify, add, delete
Metadata
in the head element. - vite-plugin-html-env (⭐83) - Injection of environment variables in
index.html
. - vite-plugin-html-inject (⭐43) - Split the
index.html
into smaller reusable pieces. - unplugin-inject-preload (⭐9) - Inject
<link rel="preload">
to yourindex.html
based on your build assets. - vite-plugin-document (⭐9) - Use
Document.tsx
as html template. - @vituum/vite-plugin-handlebars (⭐4) - Handlebars template engine support, transforms
.hbs
templates to.html
. - @vituum/vite-plugin-pug (⭐4) - Pug template engine support, transforms
.pug
templates to.html
. - @vituum/vite-plugin-nunjucks (⭐8) - Nunjucks template engine support, transforms
.njk
templates to.html
. - @vituum/vite-plugin-liquid (⭐6) - Liquid template engine support, transforms
.liquid
templates to.html
. - @vituum/vite-plugin-twig (⭐15) - Twig template engine support, transforms
.twig
templates to.html
. - @vituum/vite-plugin-latte (⭐1) - Latte template engine support, transforms
.latte
templates to.html
. - @vituum/vite-plugin-posthtml (⭐8) - PostHTML support, transforms syntax to
.html
. - @vituum/vite-plugin-juice (⭐3) - Juice support, transforms
.css
to inline styles in.html
. - vite-plugin-setting-css-module (⭐3) - Implementing CSS-Modules with vite modularity rules. Don't need create
xxx.module.css
. - vite-plugin-version-mark (⭐33) - Automatically use
package version
/git commit
/custom
to be inserted into your project as a unique identifier for the project version. - vite-plugin-css-export (⭐19) - Export variables from CSS to JavaScript, and support nested rules.
- vite-plugin-optimize-css-modules (⭐21) - Generate the smallest possible CSS-Classes when CSS-Modules are used.
- Vite-plugin-haxe (⭐5) - Use Haxe when targeting JS, transforming
.hxml
. - vite-plugin-leader-line (⭐0) - Add default export to leader-line.
- vite-plugin-generate-html (⭐7) - Define separate output files for JavaScript and CSS bundles.
- vite-plugin-turbo-console (⭐242) - Enhance the readability of
console.log()
. - vite-plugin-html-injection (⭐7) - Inject HTML, JavaScript and CSS code snippets into the
index.html
. - vite-plugin-typescript-transform (⭐4) - Applies the TypeScript compiler during Vite's transform build phase.
- vite-plugin-console-line (⭐2) - Add console.log() file location and line number infomation in browser's console.
- vite-plugin-public-typescript (⭐7) - Inject Typescript into
index.html
. - unplugin-generate-component-name (⭐14) - Automatically generate component's name.
- @laynezh/vite-plugin-lib-assets (⭐46) - Extracts resource files referenced in
library mode
instead of embedded them as base64. - css-media-splitter/vite-plugin (⭐23) - Extracts all
@media
At-rules into a dedicated.css
files and download it only when matches the media query.
Helpers
- vite-tsconfig-paths (⭐1.1k) - Support for TypeScript's path mapping.
- vite-plugin-theme (⭐137) - Dynamically changing the theme color.
- vite-aliases (⭐192) - Alias auto-generation based on project structure.
- vite-plugin-imp (⭐225) - Import library component styles on demand, make your app slimmer.
- vite-plugin-mkcert (⭐474) - Provide certificates https dev server.
- vite-plugin-vconsole (⭐63) - Help developers use vconsole to facilitate mobile development and debugging.
- vite-plugin-externals (⭐162) - Exclude dependencies from the output bundles.
- vite-plugin-mock-server (⭐43) - Mock server plugin, support using TS and JS to write Mock API and HMR.
- vitawind (⭐146) - Install and Setting Tailwind CSS automatically.
- vite-plugin-restart (⭐136) - Restart the Vite server on file changes.
- vite-plugin-full-reload (⭐120) - Reload the browser on file changes.
- vite-plugin-tips (⭐58) - Provide better development server status tips on the page.
- vite-plugin-external (⭐51) - Provides a way of excluding dependencies from the runtime code and output bundles.
- unplugin-auto-import (⭐2.8k) - On-demand API auto-importing.
- vite-plugin-inspect (⭐1.1k) - Inspect the intermediate state of Vite plugins.
- @zougt/vite-plugin-theme-preprocessor (⭐158) - Easily implementing dynamic themes based on LESS or SASS.
- vite-plugin-remove-console (⭐120) - A vite plugin that deletes console.log in the production environment.
- vite-plugin-dev-manifest (⭐13) - Generates
manifest.dev.json
during dev server, for backend integration with any language/framework. - vite-plugin-watch-and-run (⭐369) - Watch some files (glob) and trigger a command. To enable any tool to have a watch mode.
- vite-plugin-dynamic-base (⭐64) - Resolve all resource files dynamic publicPath.
- vite-plugin-redirect (⭐0) - Redirect server requests.
- vite-plugin-live-reload (⭐79) - Live reloading.
- vite-plugin-simple-vconsole (⭐5) - A debug console view inside your app to make mobile debugging easier, for both SPA and MPA.
- vite-plugin-file-mock (⭐7) - File system based local mock plugin.
- vite-plugin-qrcode (⭐120) - Show QR code on server start.
- vite-plugin-cem (⭐22) - Generates
custom-elements.json
manifest for describing custom elements. - vite-plugin-web-update-notification (⭐341) - Detect webpage updates and notify user to reload. support vite and umijs.
- vite-plugin-autogeneration-import-file (⭐6) - Automatically generates import file.
- vite-plugin-browserslist-useragent (⭐13) - Compile browserslist query to a RegExp to test browser useragent.
- vite-plugin-validate-env (⭐131) - Validate your environment variables at build time. Never forget an environment variable again.
- vite-plugin-mock-data (⭐51) - Provides a simple way to mock data.
- vite-plugin-reverse-proxy (⭐51) - 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 tomodule
MIME type. - vite-plugin-patch-env (⭐8) - Patch environment variables from the system into Vite.
- vite-plugin-conditional-compile (⭐54) - Conditional compilation syntax based on environment variables.
- vite-plugin-debug (⭐6) - Base on specific url parameters dynamically enables mobile web page debugging.
- vite-plugin-mock-dev-server (⭐106) - Mock server for development, support CJS/ESM/JSON, auto-importing file and HMR.
- vite-plugin-externals-extension (⭐6) - External links plugin which supports ESM and UMD.
- vite-plugin-api (⭐20) - Generate route mapping for API Routes services from the directory tree.
- vite-plugin-shortcuts (⭐10) - Add additional customized shortcut key population.
- vite-plugin-entry-shaking (⭐69) - Mimic tree-shaking behaviour when importing code from an entry file in development mode.
- vite-plugin-auto-alias (⭐5) - Automatically generate alias based on path.
- vite-plugin-image-placeholder (⭐6) - Generate placeholder images by path matches.
- vite-plugin-isomorphic-import (⭐2) - Allows you to configure whether to import modules on the server-side or client-side.
- vite-plugin-find-image-duplicates (⭐4) - Find if there are duplicate images in your project when building it.
- @froxz/vite-plugin-s3 (⭐20) - Allows you to upload files to S3.
- vite-plugin-vitepress-auto-sidebar (⭐47) - Automatically generates sidebar data by scanning directories, based on vitepress.
- vite-plugin-global-const (⭐3) - Define constants for reuse of your code.
- vite-plugin-cli-copy (⭐1) - Start the project and automatically copy the terminal's network URL.
- vite-plugin-module-list (⭐3) - Automatically import the modules found in a specified folder.
- unplugin-info (⭐67) - Export build information as a virutal module.
- vite-plugin-auto-origin (⭐2) - Detect origin configuration automatically based on incoming requests to dev server.
- vite-plugin-deadfile (⭐6) - Find unused source files in the project.
- vite-bundle-analyzer (⭐66) - Utility that represents bundles as an interactive treemap.
- vite-font-extractor-plugin (⭐3) - Utility that minification bundle fonts by glyphs.
- vite-plugin-i18n-detector (⭐7) - Lazyload i18n locale resources.
- vite-plugin-ngrok (⭐6) - Integration with Ngrok, allowing you to easily share your local development server.
- vite-plugin-docker (⭐1) - Docker utility based on Dockerode.
- vite-plugin-api-routes (⭐20) - Generate route mapping for API Routes services from the directory tree.
- unplugin-detect-duplicated-deps (⭐30) - Detect duplicate packaged dependencies.
Testing
- mocha-vite-puppeteer (⭐39) - Run your Mocha front-end tests with the Vite bundler and the Puppeteer browser launcher.
- vitest (⭐11k) - A Vite-native test framework.
- vitest-mock-extended (⭐120) - Type safe mocking extensions for Vitest.
- cypress-vite (⭐75) - Run Cypress specs using Vite.
- vitest-preview (⭐297) - Visual debugging experience for Vitest.
- vite-plugin-doctest (⭐36) - Documentation testing for Vitest.
Vue
In this section, we use badges to indicate the targeted Vue version for each plugin.
for Vue 2 only, for Vue 3 only, and for plugins that compatible with both versions.
💡 SSR frameworks are listed at SSR - Frameworks.
Integrations
- @vitejs/plugin-vue (⭐375) - Official Vue 3 support.
- @vitejs/plugin-vue-jsx (⭐375) - Official Vue 3 JSX support.
- @vitejs/plugin-vue2 (⭐515) - Official Vue 2 support.
- @vitejs/plugin-vue2-jsx (⭐54) - Official Vue 2 JSX support.
- vite-plugin-vue2 (⭐618) - Vue 2 integration.
- unplugin-vue2-script-setup (⭐589) - Enabling
<script setup>
syntax for Vue 2.
Routing
- vite-plugin-pages (⭐1.7k) - File system based route generator.
- v-route-generate (⭐10) - A tool to generate routes.
- unplugin-vue-router (⭐1.2k) - Official experimental file based routing.
- vite-plugin-vue-routes (⭐1) - File-based routing, similar to SvelteKit and Next.js App Router.
Loaders
- vite-plugin-md (⭐569) - Markdown as Vue components / Vue components in Markdown.
- vite-svg-loader (⭐502) - Load SVG files as Vue components.
- vite-plugin-vue2-svg (⭐18) - Load SVG files as Vue components.
- unplugin-svg-component (⭐39) - Load SVG files as a Vue component, supporting svg file HMR and Typescript intelligence prompt.
- vite-plugin-markdown-mermaid (⭐2) - Load Markdown files, with Mermaid rendering support.
SSG
- vite-ssg (⭐1.2k) - Server-side generation.
Ecosystem
- unplugin-vue-i18n (⭐223) - Integration for Vue I18n.
- vite-plugin-i18n-resources (⭐30) - Load i18n translation message files.
- vite-plugin-i18n-autoimport (⭐2) - Auto import i18n config file for components.
Transformers
- vite-plugin-md-preview (⭐158) - Markdown code preview.
- vite-plugin-vue-preview (⭐34) - Code preview for Vue SFC in Markdown, supports online editing.
- vite-plugin-vue-css-modules (⭐15) - Implicit usage of CSS Modules for template and script SFC tags with static replacement.
Helpers
- unplugin-vue-components (⭐3.4k) - On-demand components auto-importing.
- vite-plugin-vue-gql (⭐210) - GraphQL Tags for your Vue SFC.
- vite-plugin-vue2-suffix (⭐9) - Compatible without '.vue' suffix.
- vite-plugin-vue-inspector (⭐602) - Jump to local IDE source code while click the element of browser.
- vite-plugin-vue-static-sfc (⭐1) - Serve ".vue" files as static assets.
- vite-plugin-vue-devtools (⭐1.6k) - Designed to enhance the Vue developer experience.
- vite-plugin-vue-nested-sfc (⭐97) - Nest SFCs inside your SFC.
React
Official
- @vitejs/plugin-react (⭐465) - Official React support that uses Babel.
- @vitejs/plugin-react-swc (⭐677) - Official React support that uses SWC.
Presets
- vite-preset-react (⭐42) - All in one preset for your React app - HMR, Automatic React inject, removal of DevTools in prod.
Routing
- generouted (⭐849) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.
Loaders
- vite-plugin-svgr (⭐444) - Transform SVGs into React components.
- vite-plugin-react-rich-svg (⭐4) - Seamless SVG loader with versatile import options; such as DataURI, SVGR Component and Raw HTML Code.
Transformers
Framework
- vite-plugin-react-pages (⭐403) - A Vite framework for building React app.
- @vitjs/vit (⭐99) - React application framework inspired by UmiJS.
Helpers
- vite-plugin-react-inspector (⭐141) - Jump to local IDE source code while click the element of browser.
- vite-plugin-react-click-to-component (⭐27) - Uses Vite's launch middleware to enable alt+click to go to component.
SSG
- vite-react-ssg (⭐38) - Static-site generation for React.
💡 SSR frameworks are listed at SSR - Frameworks.
Preact
Presets
- @preact/preset-vite (⭐232) - Preact preset. HMR, automatic Preact inject, removal of DevTools in prod.
Svelte
Integrations
- vite-plugin-svelte (⭐772) - Adds Svelte support. Official plugin of Svelte team.
Helpers
- vite-plugin-kit-routes (⭐369) - Generates a file with all the routes, params, actions of your SvelteKit App.
Solid
Integrations
- vite-plugin-solid (⭐407) - Provides JSX transformation for Solid.
- vite-plugin-solid-markdown (⭐11) - Compile markdown files to Solid components.
- vite-plugin-solid-svg (⭐65) - Import SVG files as Solid.js Components.
Routing
- generouted (⭐849) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.
Elm
Integrations
- vite-plugin-elm (⭐174) - A plugin that enables you to compile an Elm module.
Angular
Integrations
- @nxext/angular-vite (⭐1) - A plugin that uses SWC to compile Angular modules.
Fastify
Integrations
- vite-plugin-fastify (⭐6) - Fastify plugin for Vite with Hot-module Replacement.
Routing
- vite-plugin-fastify-routes (⭐4) - File-based routing, similar to SvelteKit and Next.js App Router.
Electron
Integrations
- electron-vite (⭐2.2k) - An Electron CLI integrated with Vite.
Presets
- vite-plugin-electron-config (⭐9) - Electron plugin for Vite, support for main process, renderer process and preload script.
Rollup Plugins
- Vite Rollup Plugins - Compatibility list for official rollup plugins.
Included in Vite
- @rollup/plugin-alias (⭐3.5k) - Define and resolve aliases for bundle dependencies.
- @rollup/plugin-commonjs (⭐3.5k) - Convert CommonJS modules to ES6.
- @rollup/plugin-dynamic-import-vars (⭐3.5k) - Resolving dynamic imports that contain variables.
- @rollup/plugin-json (⭐3.5k) - Convert
.json
files to ES6 modules.
Covered by default in Vite
- @rollup/plugin-babel (⭐3.5k) - Compile your files with Babel.
- @rollup/plugin-buble (⭐3.5k) - Compile ES2015 with buble.
- @rollup/plugin-data-uri (⭐3.5k) - Import modules from Data URIs.
- @rollup/plugin-html (⭐3.5k) - Create HTML files to serve Rollup bundles.
- @rollup/plugin-node-resolve (⭐3.5k) - Locate and bundle third-party dependencies in node_modules.
- @rollup/plugin-sucrase (⭐3.5k) - Compile TypeScript, Flow, JSX, etc with Sucrase.
- @rollup/plugin-typescript (⭐3.5k) - Integration between Rollup and TypeScript.
- @rollup/plugin-wasm (⭐3.5k) - Import WebAssembly code with Rollup.
- @rollup/plugin-url (⭐3.5k) - Import files as data-URIs or ES Modules.
Compatible with Vite
- @rollup/plugin-beep (⭐3.5k) - System beeps on errors and warnings.
- @rollup/plugin-dsv (⭐3.5k) - Convert
.csv
and.tsv
files into JavaScript modules with d3-dsv. - @rollup/plugin-eslint (⭐3.5k) - Verify entry point and all imported files with ESLint.
- @rollup/plugin-graphql (⭐3.5k) - Convert .gql/.graphql files to ES6 modules.
- @rollup/plugin-image (⭐3.5k) - Import JPG, PNG, GIF, SVG, and WebP files (needs
enforce: 'pre'
). - @rollup/plugin-inject (⭐3.5k) - Scan modules for global variables and injects import statements where necessary.
- @rollup/plugin-legacy (⭐3.5k) - Add export declarations to legacy non-module scripts.
- @rollup/plugin-replace (⭐3.5k) - Replace strings in files while bundling.
- @rollup/plugin-strip (⭐3.5k) - Remove debugger statements and functions from your code.
- @rollup/plugin-virtual (⭐3.5k) - A Rollup plugin that loads virtual modules from memory.
- @rollup/plugin-yaml (⭐3.5k) - Convert YAML files to ES6 modules.
- rollup-plugin-graphql-codegen (⭐65) - Generating type definitions for GraphQL tag template strings in worker_threads.
- rollup-plugin-i18next-dts-gen (⭐65) - Generating type definitions from i18n JSON files are used for code hinting and validation.
Community
- Check the Awesome Rollup list (⭐2.4k) for community-maintained rollup plugins, and refer to the Vite docs section about rollup plugin compatibility.
SSR
Libraries
- vite-ssr (⭐802) - Simplified Server Side Rendering with an SPA-like developer experience.
- Vike (⭐3.4k) - Like Nuxt/Next.js but as a do-one-thing-do-it-well plugin.
- ssr (⭐2.5k) - A Server Side Rendering framework combined with Webpack/Vite.
- vavite (⭐437) - A tool for developing and building server-side applications with live reloading capabilities.
- vue-ssr (⭐7) - Minimalistic wrapper to develop and run SSR powered Vue apps.
- vite-ssr-boost (⭐49) - Server side rendering library for create awesome app based on
react-router
. - SSRx (⭐48) - A thin layer on top of Vite to build modern SSR apps with a delightful DX.
Frameworks
- vitedge (⭐719) - Edge-side rendering with fullstack utilities.
- vitext (⭐388) - The Next.js like React framework for better User & Developer experience.
- Rakkas (⭐1k) - React framework inspired by Next.js and SvelteKit.
- Vise (⭐16) - SSR framework with server hooks.
- @fastify/fastify-dx (⭐917) - Allowing you to serve static or live (SSR).
- vite-plugin-vercel (⭐75) - Vercel adapter.
Integrations with Backends
Adobe Experience Manager
- AEM Vite (⭐24) - Integration for Adobe Experience Manager and AEM SDK.
Craft CMS
- Craft Vite (⭐49) - Plugin for integration with Craft CMS.
Django
- django-vite (⭐423) - Integration for Django applications.
- django-vite-plugin (⭐72) - Integration for Django applications including vite plugin.
Flask
- Flask-Vite - Integration with Flask.
Ruby on Rails
- vite-plugin-ruby (⭐1.1k) - Configuration for Ruby backends.
- Vite Ruby (⭐1.1k) - Integration for Rails, Hanami, Padrino, and Rack apps.
Laravel
- Laravel Vite (⭐597) - Integration for the Laravel framework.
- Laravel Livewire Plugin (⭐14) - Enable hot reloading of Laravel Livewire components without losing state.
- Laravel Vite Plugin (⭐739) - Laravel official plugin for Vite.
CakePHP
- cakephp-vite (⭐14) - Integration for CakePHP.
WordPress
- wordpress-vite-assets (⭐115) - Integration for WordPress themes.
- Kima (⭐6) - Starter theme with Twig.
TYPO3 CMS
- vite-asset-collector for TYPO3 (⭐24) - Integration for TYPO3 CMS.
Go
- vite-go (⭐188) - Integration for Golang web apps.
Rust
- create-rust-app (⭐1.4k) - Integration for Rust web apps.
OctoberCMS
- Vitewind (⭐12) - Integration for OctoberCMS.
Symfony
- Vite Bundle (⭐181) - Integration for Symfony.
Shopify
- vite-plugin-shopify (⭐186) - Integration for Shopify themes.
CodeIgniter
- codeigniter-vite (⭐70) - Integration for CodeIgniter.
DDEV
- ddev-viteserve (⭐31) - Add-on for running Vite in the PHP-oriented dev environment DDEV.
Node.js
- vite-express (⭐416) - Integration for Express web apps.
- vite-manifest-parser (⭐2) - Parses manifest.json to generate HTML script and link tags.
ASP.NET Core
- Vite.AspNetCore (⭐159) - Integration with ASP.NET Core projects.
Drupal
- Vite module - Backend integration for Drupal.
- vite-plugin-twig-drupal (⭐7) - Support for Twig with includes/embeds and Drupal specific twig features.
Migrations
Vue CLI
- vue-cli-plugin-vite (⭐388) - Use Vite on Vue CLI with minimize codebase modifications.
- webpack-to-vite (⭐709) - Convert a webpack project to vite project, also provides conversion details to help you migrate smoothly.
React
- CRA migration guide (⭐58) - A step-by-step guide for migrating a project from Create React App.
- Viject (⭐27) - One-shot migration tool from Create React App.
Projects Using Vite.js
Open Source
- VitePress (⭐10k) - Static Site Generator powered by Vite and Vue.
- TroisJS (⭐4k) - Three.js integration with Vite and Vue 3.
- Slidev (⭐30k) - Presentation Slides for Developers.
- îles (⭐1k) - Islands of Interactivity with Vue3, multi-framework.
- Astro (⭐40k) - Modern Static Site Builder.
- Hathora (⭐536) - Multiplayer game framework.
- Nhost (⭐7.4k) - Nhost is an Open Source Firebase Alternative with GraphQL.
- Ladle (⭐2.4k) - Tool for developing and testing component stories powered by Vite and React.
- IslandJS (⭐417) - Static site generator base on islands architecture.
- Vituum (⭐273) - Wrapper around Vite with predefined config, integrations and template engines.
- Compiiile (⭐117) - Preview or host folders containing Markdown files with full-text search and presentation slides.
Apps/Websites
- Icônes (⭐4.6k) - Icon explorer with instant search.
- Awesome CN Café (⭐92) - Web application for Awesome CN Café.
- Todo Example (⭐36) - Todo app with routing and state management.
- npmview (⭐123) - A web application to view npm package files.
- Layoutit Grid (⭐1.5k) - Interactive CSS Grid layout generator.
- aitrack.work - A task-based time tracker for everyday use.
- macOS in Svelte (⭐2k) - macOS Desktop experience for Web in Svelte.
- vue3-realworld-example-app (⭐870) - Realworld app implementation using Vue 3 + TypeScript + Composition API.
- react-device-frameset (⭐57) - This is yet another device frameset component for React.
- vite-vue3-lowcode (⭐2.9k) - Low code platform using Vue 3 + TypeScript + Composition API.
- Context Note (⭐684) - A note-taking chrome extension built by Vue3 & Vite.
- Preview.js - An IDE extension to instantly preview React, Vue 2 and Vue 3 components.
- react-keyboard-navigator (⭐24) - A suite of React components and hook for selecting from sibling components through the keyboard.
- pointer-lock-movement (⭐15) - A pointer lock movement manager for customizing your own creative UI.
- vite-run (⭐55) - Multiple configuration execution support for vite, freely combining configurations like stacked blocks.