A curated list of awesome things related to 65258⭐ 5790🍴 Vite.js
Use the "Table of Contents" menu on the top-right corner to explore the list.
- 🌎 Documentation
65258⭐5790🍴GitHub Repo)65258⭐5790🍴Release Notes)- 🌎 Vue 3 Docs
71203⭐9433🍴Awesome Vue)- 🌎 Migration from v4
65258⭐5790🍴create-vite) - Scaffolding Your First Vite Project.148⭐26🍴create-vitawind) - Scaffolding for TailwindCSS project.153⭐16🍴create-electron-vite) - Scaffolding Your Electron + Vite Project.215⭐27🍴create-vite-app) - Scaffolding Your Out Of The Box Vite Project.22327⭐2222🍴create-nx-workspace) - Scaffolding a Nx + React + Vite + Vitest.173⭐11🍴bati) - Scaffolding a Vike project.57⭐1🍴create-awesome-node-app) - Scaffolding your project choosing between different templates.
255⭐27🍴vite-vanilla-ts-lib-starter) - Starter for library (CJS, ESM, IIFE) with TypeScript, ESLint, Stylelint, Prettier, Jest, Husky + lint-staged.47⭐5🍴vite-tailwind-nojs-starter) - NoJS Tailwind CSS starter template.9⭐2🍴vite-tailwind-stimulus-starter) - Starter template for Tailwind CSS and Stimulus controllers.18⭐1🍴vite-phaser-ts) - Starter template with Phaser and Typescript.5⭐1🍴vite-tinybase) - Starter template for TinyBase.8⭐0🍴vite-tinybase-ts) - Starter template for TinyBase and TypeScript.24⭐0🍴vite-vanilla-js-template) - Starter template ESlint, Prettier, PostCSS, Nesting, Autoprefixer, CSS Nano, CSS Reset.32⭐1🍴vite-starter-markup-template) - Starter template for Markup.15⭐0🍴create-domco) - Starter template for domco SSG.13⭐0🍴vite-vanilla-library-template) - Starter template TypeScript, ESLint, Vitest, Husky, Conventional Commits, GitHub actions.2⭐0🍴vite-alpine-template) - Starter template for Alpine.
8614⭐919🍴Vitesse) - Opinionated starter template.396⭐69🍴vite-ts-tailwind-starter) - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI.22450⭐6157🍴vue-vben-admin) - Background management template based on Vue3, Ant-Design-Vue, TypeScript.14462⭐2771🍴vue-pure-admin) - Background management template based on Vue3, TypeScript, Tailwind CSS, element-plus.777⭐78🍴fast-crud) - Options-oriented crud framework, developing crud as fast as lightning.1051⭐194🍴vitesse-lite) - Lightweight version of Vitesse.2653⭐197🍴vitesse-webext) - WebExtension Vite Starter Template.55⭐10🍴naive-ui-dashboard-template) - UI friendly, Vue 3 + TSX + TailwindCSS 2 JIT + PostCSS + Naive UI.- 🌎 Vitawind Creator - Create TailwindCSS project rapidly.
?⭐?🍴vue3-tailwind3-website-starter) - Vue3 / Vite / TailwindCSS website starter template, with guides on each page.221⭐43🍴boot-vue) - Starter template with TypeScript + UnoCSS + DaisyUI + Vue Router + Pinia.2710⭐402🍴Vue Naive) - Admin template, base on Vue 3 + Pinia + Naive UI.1668⭐266🍴vue-admin-box) - Admin template, based on Vue 3 + Element-plus.14⭐1🍴vite-vue-proste) - Pinia + Typescript + Vue-Router4 + Vitest + Vue-Test-Utils + Vue-Query + Sass + ESLint + Stylelint + Prettier +project presets.27⭐4🍴vue-vite-ssr) - Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.810⭐168🍴vue3-vant-mobile) - Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + TypeScript Mobile Template.11⭐2🍴vue-vite-tw-ts) - Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router.126⭐40🍴vite-vue-js-starter-template) - Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Prettier Simple Template.96⭐18🍴vue-xs-admin) - Based on Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter.16⭐1🍴vulcan) - The template for mobile application. Vite, Vue 3, TypeScript, Sass, i18n, Vitest&Cypress, Pinia, APIs&Mock, ESLint, Prettier, auto-importing.601⭐108🍴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.13⭐3🍴vue3-quick-start) - Building an engineered Vue 3 project, integrated withVite+Vue3+TypeScript+ESLint+Prettier+Commitizen+Husky+LintStaged+CommitLint+AutoImport+ReleaseIt.12⭐1🍴antd-vue3-admin) - A starter template based on Vue3, Vite4, TS5 and Ant-Design-Vue4.30⭐5🍴vue-file-upload) - A file management system built withVue3andTypeScriptthat allows for single and multiple file uploading with a preview feature.68⭐7🍴arco-admin) -Vite+ArcoDesign+TypeScriptfollowsESMstandards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems.35⭐9🍴materio-free-vuetify-nuxtjs-admin-template) - Vuejs 3, Vite 5, Vuetify 3 & NuxtJS 3.3⭐0🍴vite-plugin-vue-style-bundler) - Auto bundle Vue/sfc styles into JavaScript.336⭐51🍴celeris-web) - Template based onVite+Vue3+TypeScript+Vue-Router+Pinia+Unocss+Naive UI+pnpm Monorepo.
188⭐34🍴vite-vue2-windicss-starter) - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript.32⭐4🍴vite-vue2-ts-starter) - Vue2 TypeScript starter template using vue-property-decorator, vue-router, Vuex.84⭐31🍴vite-vue2-ts-vuetify-starter) - It is the above vite-vue2-ts-starter with Vuetify and its optimized settings. Includes basic templates.130⭐12🍴vitify-admin) - Vuetify admin starter template with full TypeScript support and intellisense of Vuetify components.
506⭐45🍴Vitamin) - React TypeScript, TailwindCSS, SPA + PWA, Cypress and CI.84⭐50🍴vite-template-react) - A Create React App-like template.124⭐14🍴vitejs-template-react-rescript) - React + ReScript.148⭐21🍴template-vite-react) - A minimal React Vite starter template.456⭐89🍴reactjs-vite-tailwindcss-boilerplate) - React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.269⭐59🍴vite-react-ts-tailwind-firebase-starter) - Starter using Vite + React + TypeScript + Tailwind CSS (daisyUI) + Firebase (v9) + Prettier + ESLint.115⭐24🍴create-react-app-vite) - React, TypeScript, TailwindCSS, MSW, Vitest, React Testing Library, ESLint, Prettier, GitHub Actions.1709⭐259🍴chrome-extension-boilerplate-react-vite) - React + TypeScript + SASS + Prettier + ESLint + GitHub Actions + HMR(Hot Module Reload) + Turborepo + Chrome Extension Manifest v3.120⭐13🍴vite-rtk-query) - React, TypeScript, Redux Toolkit, RTK Query, TailwindCSS, MSW, Jest, React Testing Library, ESLint, Prettier.15⭐4🍴vite-react-proste) - React + TypeScript +react-router-dom+ Recoil + SASS + Testing Library +react-query+ ESLint + Stylelint + Prettier.523⭐118🍴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) - Mobx, Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.?⭐?🍴Viterts) - React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS.46⭐12🍴ViteRC) - React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + Absolute imports + Commit linting.22539⭐4138🍴React Starter Kit) - Jamstack, React, React Router, Material UI, Firebase Auth, TypeScript, ESLint, Prettier, Jest, GitHub Actions.63⭐14🍴vite-mern-template) - React 18 + TypeScript + Vite + Redux Toolkit + ESLint + React Router DOM + Axios + React Icons + React Toastify + Express + Mongoose.28⭐8🍴Varsarr) - React, Typescript, Styled-Components, Recoil, React-Query, Axios, Absolute imports.38⭐4🍴viterjs-template) - React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier.87⭐7🍴react-vite-ts-boilerplate) - React 18, TypeScript, SCSS, ESLint, Prettier, Vitest.46⭐16🍴vite-react-universal-template) - React18 + TypeScript +react-router-dom+ Zustand + ESlint + Prettier + Stylelint + Husky + Docker, and APIs auto importing.22⭐4🍴react-vite-template) - A react project template.27⭐8🍴react-xs-admin) - The background management system template developed based on React18 + ReactRouteV6 + Vite + And Design + ReactIntl + ReactRedux + Emulation.41⭐10🍴vite-mui-ts) - React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier.30⭐8🍴template-vite-react-ts-tailwind) - React + TypeScript + Tailwind CSS + Eslint + Prettier.68⭐8🍴vite-react-ts-template) - React 18, TypeScript, ESlint, Prettier, Dev Container, Vitest, Storybook, Playwright, MSW, React Router 6, React Query, Chakra UI, Zustand.10⭐6🍴react-vite-tailwindcss-template) - React, JavaScript, TailwindCSS, ESlint, Prettier, Pre-commit.5⭐0🍴vite-tinybase-react) - Starter template for TinyBase and React.6⭐0🍴vite-tinybase-ts-react) - Starter template for TinyBase, TypeScript, and React.23⭐3🍴vite-react-ssr-boost-template) - Template for creatingReact 18SSR/SPA apps withTypeScript,Mobx,React Router,Head Manager, Suspense, Streaming. Also included CI/CD,ESLint,Prettier,Stylelint,Husky,Semantic Release.39⭐8🍴vite-react-ts-shadcn-starter) - Template for creatingReact 18SPA apps withTypeScript,React Router,Tailwind CSS,Shadcn UI,React Query,ESLint,Prettier,Stylelint,Husky,React-i18next,Transmart.7⭐0🍴template-tauri-vite-react-ts-tailwind) - Template for Tauri + React + Typescript + TailwindCSS + Prettier + ESLint build-in.88⭐18🍴vite-react-chakra-starter) - Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky.21⭐2🍴vite-react-tailwind-starter) - Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky.56⭐2🍴monorepo-template-react) - React + Typescript template for SSR, SPG, SPA and API provision.4⭐5🍴vite-react-dapp-template) - Starter template for decentralized app frontend development with preconfigured Wallet Authentication, i18n and UI features.17⭐5🍴vite-express-ssr-ts) - React + Typescript + ExpressJS + Vite SSR template with inbuild api feature.19⭐9🍴vite-react-flow-template) - React Flow starter template.3⭐1🍴react-vite-template) - React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged.1⭐0🍴gravity-ui-vite-template) - Template with Gravity UI ecosystem (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged).20⭐0🍴vite-react-component-library-starter) - A starter template for creating React component libraries withTypeScript,Tailwind CSS,Storybook,Vitest,ESLint,Prettier,Husky, andGitHub Action.1⭐0🍴vite-template-awesome-soho) -DevContainerTemplate for creatingReact 18,Javascript + JSDoc,React Router,Ant Design,ESLint,EditorConfig,.env,SonarLint,Vitest.3⭐1🍴react-component-library-vite) - A library template for withReact,Javascript,Styled-Components,Vitest,React Testing Library,Storybook.1⭐0🍴ReTail) - Starter template for building Full Stack WEB applications withRemixusingTypeScript,Tailwind CSS,PrettierandESLint.2⭐1🍴vite-react-redux-saga-typescript) - Starter template withReact,TypeScript,Redux (Redux Toolkit),Saga,React Testing Library,ESLint,PrettierandHusky.2⭐0🍴vite-complete-react-app) - Starter template for building web applications usingReact,TypeScript,Redux Toolkit,React Router,Axios,Sass,Moment,ESLint,PrettierandReact Testing Library.1⭐0🍴vite-react-framer-starter) - Starter template withReact,TypeScript,Framer Motion,Tailwind CSS,ESLint, andPrettier.2⭐1🍴vite-jsx-remove-attributes) - Remove thedata-testid(configurable) from production builds.1⭐0🍴React Tanning) - Starter template withReact + Vite + TypeScript + TanStack + Tailwind.
17841⭐1790🍴SvelteKit) - The fastest way to build Svelte apps.57⭐4🍴svelte-vite-ssr) - Svelte with SSR support.8⭐0🍴template-vite-svelte-ts-tailwind) - Svelte + TypeScript + Tailwind CSS + Prettier.3⭐1🍴vite-svelte-flow-template) - Svelte Flow starter template.
57⭐1🍴vitesse-solid) - Opinionated Vite + SolidJS Starter Template. Includes TypeScript, ESLint, Prettier, UnoCSS, HopeUI and more.7⭐0🍴vitesse-lite-solid) - Lightweight Vite Starter Template for SolidJS.
3875⭐519🍴electron-vite-vue) - Electron + Vite + Vue template.1667⭐200🍴electron-vite-react) - Electron + Vite + React template.203⭐28🍴electron-vite-boilerplate) - Support SerialPort, SQLite3 and node C/C++ addons.375⭐107🍴electron-vite-template) - Electron 13, Vue 3 and TypeScript. Make your desktop development easier.160⭐18🍴fast-vite-electron) - Vue3 + Vite + Electron with esbuild.261⭐27🍴fast-vite-nestjs-electron) - Vue3 + Vite + Electron + Nestjs with esbuild.122⭐15🍴vite-plugin-electron-quick-start) - Template for Electron projects.?⭐?🍴vite-electron-builder) - Electron apps using Vite for both back and front-end, with automatic releases.287⭐89🍴vite-reactts-electron-starter) - React, Tailwind CSS, TypeScript and Electron.511⭐101🍴electron-vue-template) - Electron template with TypeScript, including Electron Builder.16⭐1🍴Vitron) - Build beautiful (win, linux, mac) desktop apps for modern web projects with vite and electron.208⭐17🍴Vutron) - Electron + Vite + Vue 3 + Pinia (TypeScript) template.52⭐7🍴vite-electron-plugin) - High-performance, esbuild-based Vite Electron plugin.102⭐8🍴vite-plugin-doubleshot) - For building Node.js backend or Electron main process.
121⭐14🍴vite-elm-template) - A default template for building Elm applications.36⭐1🍴elm_vite_tailwind_template) - Opinionated template for building Elm web apps using Tailwind CSS and Daisy UI.
6⭐0🍴github-action-template) - Starter template for GitHub Actions, Typescript, ESLint, Vitest, Husky, Conventional Commits.
?⭐?🍴vit-singlefile-gzip) - Starter template for embedded.372⭐68🍴11st-Starter-Kit) - 11ty, powered by Vite with Tailwind CSS and Alpine.js.74⭐6🍴chrome-ext-template-preact-windi-vite) - Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions and Chrome Extension Manifest v3.335⭐42🍴vite-vue3-chrome-extension-v3) - Web extension starter template for Chrome, Firefox and Edge.
65258⭐5790🍴@vitejs/plugin-legacy) - Legacy browser support.2820⭐191🍴vite-plugin-pwa) - Zero-config PWA.849⭐66🍴vite-plugin-windicss) - Windi CSS integration.949⭐44🍴vite-plugin-node) - Integration with Node.js backend servers.210⭐33🍴vite-plugin-cesium) - Integration with Cesium library.- 🌎 vite-plugin-linter - Extensible linter framework that shows the linting output in the Vite output and the browser console, includes ESLint & TypeScript ootb.
894⭐78🍴vite-plugin-checker) - Fast run checkers (TypeScript/VLS/vue-tsc, etc.) in worker threads with overlay and terminal hint.110⭐4🍴@nabla/vite-plugin-eslint) - Runs ESLint asynchronously in a worker to keep HMR fast.149⭐4🍴vite-plugin-tauri) - Integrate Tauri in a Vite project to build cross-platform apps.2070⭐219🍴vite-plugin-federation) - Support Module Federation, Inspired by Webpack Module Federation feature.213⭐26🍴vite-plugin-wasm-pack) - Integration with rust5982⭐398🍴wasm-pack), the simple way.153⭐15🍴vite-plugin-comlink) - Use WebWorkers with the power of10890⭐375🍴Comlink) to make them enjoyable.111⭐17🍴vite-plugin-sass-dts) - This is a plugin that automatically creates a type file when using the CSS module type-safely.30⭐10🍴vite-plugin-ali-oss) - Upload the production files bundled in the project to Ali OSS, except for HTML.260⭐10🍴vite-plugin-webfont-dl) - Downloads and injects webfonts (Google Fonts) to improve website's performance.50⭐12🍴vite-plugin-babel) - Babel integration for both build and server to support f.ex. decorators or class fields in pure JS/JSX files.598⭐53🍴vite-plugin-electron) - Integrate Vite and Electron.31⭐2🍴vite-plugin-optimizer) - Manually Pre-Bundling.24⭐0🍴vite-plugin-babel-compiler) - The plugin works with Babel compiler.93⭐14🍴vite-plugin-commonjs) - A pure JavaScript implementation for CommonJs.81⭐7🍴vite-plugin-mpa-plus) - More flexible MPA (multi-page application) supports html templates, path rewriting.20⭐2🍴vite-plugin-multi-pages) - Multi Pages Support，can build src/pages anyPage，can set prefixName.18⭐2🍴vite-plugin-html-template-mpa) - Multi Pages Common template support.5⭐1🍴vite-plugin-vconsole-mpa) - Multi Pages Vconsole supports，simple config.52⭐3🍴vite-plugin-browser-sync) - BrowserSync.58⭐8🍴vite-plugin-jspm) - Resolves dependencies independently from CDN providers using import maps and es-module-shims.6⭐1🍴vite-plugin-env-switch) - Switch project env and restart vite server without command line operation.93⭐13🍴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.22⭐1🍴vite-plugin-stylelint) - Runs Stylelint synchronously/asynchronously.6⭐0🍴Vite-plugin-graphiql) - Integration for GraphiQL IDE.7⭐1🍴vite-plugin-graphql-server) - Bootstrap a local GraphQL server for testing and documentaion.306⭐20🍴unplugin-fonts) - Load font from Typekit, Google Fonts, Fontsource or your own custom one.19⭐1🍴unplugin-config) - Configuration file generator for web apps, allowing external customization of global variables without repackaging.27⭐1🍴vite-plugin-svg-spritemap) - Generates a SVG spritemap from multiple .svg files.3⭐4🍴vite-plugin-dc) - Integration with @dvgis/dc-sdk library.38⭐3🍴@spiriit/vite-plugin-svg-spritemap) - Pack your SVG files in one spritemap file and use them with<svg>/<img>and directly in your CSS.5⭐0🍴vite-plugin-auto-mpa-html) - A file directory-based automated multi-page build plugin that supports HTML templates using EJS.41⭐5🍴vite-plugin-cloudflare-functions) - Cloudflare pages function integration.83068⭐9052🍴@storybook/builder-vite) - Storybook builder.12742⭐415🍴@builder.io/partytown) - Relocate resource intensive third-party scripts off of the main thread and into a web worker.7⭐0🍴vite-plugin-dynamic-proxy) - Automatically configure reverse proxies based on URL parameters.22⭐0🍴unplugin-auto-export) - Automates the maintenance of export statements in the index.ts file.629⭐28🍴remix-development-tools) - Plugin for Remix.run development tools.41⭐1🍴vite-plugin-legacy-swc) - Legacy browser support with SWC.21⭐2🍴vite-plugin-biome) - Biome linter.15⭐0🍴vite-plugin-oxlint) - Oxlint linter.2⭐0🍴@tomjs/vite-plugin-electron) - Easily developElectronapplications.9⭐1🍴@tomjs/vite-plugin-vscode) - Easily use web frameworks to developVSCode Extension'sWebview, and supportHMRandDebug.5⭐0🍴vite-plugin-px-rem-vw) - Integrate PostCSS plugin pxTorem and pxTovw.0⭐0🍴vite-plugin-mpg) - Simple configuration of multi page applications.
3578⭐130🍴unplugin-icons) - Access thousands of icons as components.874⭐53🍴vite-imagetools) - Load and transform images using url query parameters.117⭐12🍴vite-plugin-radar) - All in one analytics loader (with 7+ providers supported).293⭐22🍴vite-plugin-glsl) - Import shader file chunks.26⭐0🍴vite-plugin-svgo) - Load SVGs as plain string and transform with SVGO library.?⭐?🍴vite-plugin-remark-rehype) - Loads and transform markdown files using the unified ecosystem.15⭐0🍴vite-plugin-php) - Load and process PHP-entry files instead of default index.html.33⭐1🍴vite-plugin-lqip) - Generate low quality image placeholders (LQIP).2⭐0🍴vite-plugin-ms-clarity) - Inject the Microsoft Clarity script toindex.html.9⭐0🍴@cyco130/vite-plugin-mdx) - Import MDX.7⭐0🍴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.5⭐0🍴vite-plugin-dir2json) - Convert the directory structure into json data containing supported file paths.
89⭐10🍴rollup-plugin-critical) - Generate critical CSS.1099⭐73🍴vite-plugin-dts) - Generate declaration files from.tsor.vuesource files for lib.127⭐7🍴vite-compression-plugin) - Use Node.js stream compress file to gzip or more.307⭐21🍴vite-plugin-chunk-split) - Automatically code splitting, support unbundle in production.236⭐26🍴vite-plugin-static-copy) - Copy files and folders.14⭐2🍴vite-plugin-zip-file) - Compress files or folders into zip.25⭐6🍴vite-plugin-zip-pack) - Pack distribution/build folder into a zip file.62⭐5🍴vite-plugin-cp) - Copy files after building bundles.168⭐17🍴unplugin-imagemin) - High performance compressed Picture based on squoosh and sharp.259⭐12🍴vite-plugin-image-optimizer) - Optimize (compress) your image assets using Sharp.js and SVGO at build time.51⭐1🍴vite-plugin-no-bundle) - Generate unbundled code for use with native ESM or other bundlers.366⭐24🍴vite-plugin-css-injected-by-js) - Takes the CSS and adds it to the page through the JS.1⭐0🍴unplugin-zip-pack) - Zip your dist with filter function support.714⭐45🍴vite-plugin-singlefile) - Inline all JavaScript and CSS resources directly into the finaldist/index.htmlfile.242⭐16🍴vite-plugin-node-polyfills) - Polyfill Node's Core Modules for browser environments.72⭐5🍴vite-plugin-cdn2) - Replace module with CDN.8⭐0🍴vite-plugin-bundle-prefetch) - Inject prefetch assets intoindex.html.14⭐1🍴vite-plugin-imagemin) - Optimize and compress your image assets and optionally create WebP/AVIF.2⭐0🍴vite-plugin-lib-types) - Generate DTS file while building library.25⭐3🍴vite-plugin-minipic) - Efficient image compression tool.4⭐0🍴vite-plugin-robots) - Generatingrobots.txt.
542⭐91🍴vite-plugin-html) - Plugin to minimize and use ejs template syntax inindex.html.21⭐2🍴vite-plugin-ts-nameof) - Ability to resolve490⭐22🍴nameof) in TypeScript.164⭐22🍴vite-plugin-handlebars) - Process HTML files with Handlebars.70⭐9🍴vite-plugin-virtual-html) - Make Vite MPA consistent with@vue/cli.126⭐17🍴vite-plugin-content) - Convertyaml,xml,ini,toml,csv,plistandpropertiesfiles to ES6 modules.58⭐6🍴vite-plugin-require) - A Vite plugin that supportsrequireby code transforming.126⭐17🍴vite-plugin-global-style) - Deal with global styles for CSS, SASS, LESS and Stylus.27⭐0🍴vite-plugin-shared-modules) - Share node_modules in monorepos.34⭐2🍴vite-plugin-pug-transformer) - Pug template engine support.184⭐14🍴@import-meta-env/unplugin) - Inject environment variables into theimport.meta.envobject after building the application instead of statically replacing it during production.59⭐17🍴@modyfi/vite-plugin-yaml) - Transform YAML files to ESM with schema validation and error reporting.50⭐3🍴vite-plugin-html-inject) - Split theindex.htmlinto smaller reusable pieces.14⭐2🍴unplugin-inject-preload) - Inject<link rel="preload">to yourindex.htmlbased on your build assets.5⭐2🍴@vituum/vite-plugin-handlebars) - Handlebars template engine support, transforms.hbstemplates to.html.4⭐0🍴@vituum/vite-plugin-pug) - Pug template engine support, transforms.pugtemplates to.html.9⭐3🍴@vituum/vite-plugin-nunjucks) - Nunjucks template engine support, transforms.njktemplates to.html.8⭐1🍴@vituum/vite-plugin-liquid) - Liquid template engine support, transforms.liquidtemplates to.html.15⭐1🍴@vituum/vite-plugin-twig) - Twig template engine support, transforms.twigtemplates to.html.1⭐0🍴@vituum/vite-plugin-latte) - Latte template engine support, transforms.lattetemplates to.html.8⭐0🍴@vituum/vite-plugin-posthtml) - PostHTML support, transforms syntax to.html.3⭐1🍴@vituum/vite-plugin-juice) - Juice support, transforms.cssto inline styles in.html.43⭐4🍴vite-plugin-version-mark) - Automatically usepackage version/git commit/customto be inserted into your project as a unique identifier for the project version.22⭐1🍴vite-plugin-css-export) - Export variables from CSS to JavaScript, and support nested rules.24⭐3🍴vite-plugin-optimize-css-modules) - Generate the smallest possible CSS-Classes when CSS-Modules are used.8⭐0🍴vite-plugin-generate-html) - Define separate output files for JavaScript and CSS bundles.292⭐8🍴vite-plugin-turbo-console) - Enhance the readability ofconsole.log().10⭐1🍴vite-plugin-html-injection) - Inject HTML, JavaScript and CSS code snippets into theindex.html.11⭐2🍴vite-plugin-typescript-transform) - Applies the TypeScript compiler during Vite's transform build phase.10⭐2🍴vite-plugin-public-typescript) - Inject Typescript intoindex.html.19⭐1🍴unplugin-generate-component-name) - Automatically generate component's name.65⭐8🍴@laynezh/vite-plugin-lib-assets) - Extracts resource files referenced inlibrary modeinstead of embedded them as base64.29⭐2🍴css-media-splitter/vite-plugin) - Extracts all@mediaAt-rules into a dedicated.cssfiles and download it only when matches the media query.3⭐0🍴@tomjs/vite-plugin-html) - Support compression, loading, CDN and others forindex.html.2⭐0🍴@tomjs/vite-plugin-iconify) - Inject the global variableIconifyProvidersintoindex.htmlforiconify, and support local area network and custom url.50⭐1🍴vite-plugin-icons-spritesheet) - Generate a spritesheet and TypeScript types from SVG icons by listening to the icons folder changes.
1190⭐43🍴vite-tsconfig-paths) - Support for TypeScript's path mapping.199⭐12🍴vite-aliases) - Alias auto-generation based on project structure.522⭐35🍴vite-plugin-mkcert) - Provide certificates https dev server.69⭐7🍴vite-plugin-vconsole) - Help developers use vconsole to facilitate mobile development and debugging.49⭐10🍴vite-plugin-mock-server) - Mock server plugin, support using TS and JS to write Mock API and HMR.148⭐26🍴vitawind) - Install and Setting Tailwind CSS automatically.145⭐12🍴vite-plugin-restart) - Restart the Vite server on file changes.124⭐9🍴vite-plugin-full-reload) - Reload the browser on file changes.58⭐1🍴vite-plugin-tips) - Provide better development server status tips on the page.62⭐5🍴vite-plugin-external) - Provides a way of excluding dependencies from the runtime code and output bundles.3004⭐191🍴unplugin-auto-import) - On-demand API auto-importing.1142⭐63🍴vite-plugin-inspect) - Inspect the intermediate state of Vite plugins.139⭐9🍴vite-plugin-remove-console) - A vite plugin that deletes console.log in the production environment.18⭐8🍴vite-plugin-dev-manifest) - Generatesmanifest.dev.jsonduring dev server, for backend integration with any language/framework.378⭐33🍴vite-plugin-watch-and-run) - Watch some files (glob) and trigger a command. To enable any tool to have a watch mode.67⭐10🍴vite-plugin-dynamic-base) - Resolve all resource files dynamic publicPath.79⭐3🍴vite-plugin-live-reload) - Live reloading.6⭐0🍴vite-plugin-simple-vconsole) - A debug console view inside your app to make mobile debugging easier, for both SPA and MPA.136⭐2🍴vite-plugin-qrcode) - Show QR code on server start.26⭐5🍴vite-plugin-cem) - Generatescustom-elements.jsonmanifest for describing custom elements.409⭐32🍴vite-plugin-web-update-notification) - Detect webpage updates and notify user to reload. support vite and umijs.13⭐0🍴vite-plugin-browserslist-useragent) - Compile browserslist query to a RegExp to test browser useragent.149⭐7🍴vite-plugin-validate-env) - Validate your environment variables at build time. Never forget an environment variable again.62⭐5🍴vite-plugin-mock-data) - Provides a simple way to mock data.62⭐5🍴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 thetext/javascriptMIME type tomoduleMIME type.57⭐6🍴vite-plugin-conditional-compile) - Conditional compilation syntax based on environment variables.128⭐10🍴vite-plugin-mock-dev-server) - Mock server for development, support CJS/ESM/JSON, auto-importing file and HMR.24⭐4🍴vite-plugin-api) - Generate route mapping for API Routes services from the directory tree.10⭐0🍴vite-plugin-shortcuts) - Add additional customized shortcut key population.89⭐7🍴vite-plugin-entry-shaking) - Mimic tree-shaking behaviour when importing code from an entry file in development mode.7⭐0🍴vite-plugin-auto-alias) - Automatically generate alias based on path.7⭐0🍴vite-plugin-image-placeholder) - Generate placeholder images by path matches.5⭐0🍴vite-plugin-find-image-duplicates) - Find if there are duplicate images in your project when building it.24⭐0🍴@froxz/vite-plugin-s3) - Allows you to upload files to S3.72⭐9🍴vite-plugin-vitepress-auto-sidebar) - Automatically generates sidebar data by scanning directories, based on vitepress.6⭐0🍴vite-plugin-global-const) - Define constants for reuse of your code.2⭐0🍴vite-plugin-cli-copy) - Start the project and automatically copy the terminal's network URL.3⭐0🍴vite-plugin-module-list) - Automatically import the modules found in a specified folder.74⭐6🍴unplugin-info) - Export build information as a virutal module.2⭐2🍴vite-plugin-auto-origin) - Detect origin configuration automatically based on incoming requests to dev server.15⭐2🍴vite-plugin-deadfile) - Find unused source files in the project.87⭐3🍴vite-bundle-analyzer) - Utility that represents bundles as an interactive treemap.4⭐0🍴vite-font-extractor-plugin) - Utility that minification bundle fonts by glyphs.8⭐1🍴vite-plugin-i18n-detector) - Lazyload i18n locale resources.12⭐0🍴vite-plugin-ngrok) - Integration with Ngrok, allowing you to easily share your local development server.3⭐0🍴vite-plugin-docker) - Docker utility based on Dockerode.24⭐4🍴vite-plugin-api-routes) - Generate route mapping for API Routes services from the directory tree.68⭐2🍴unplugin-detect-duplicated-deps) - Detect duplicate packaged dependencies.13⭐0🍴vite-plugin-vitepress-auto-nav) - Automatically generatessidebarandnavconfigurations by scanning directories, based on VitePress.3⭐0🍴vite-plugin-pretty-module-classnames) - Adds the filename without the -module suffix to the class names of CSS modules.4⭐0🍴vite-plugin-serve-static) - Allows serving arbitrary static files not in thepublic/directory.
11975⭐1042🍴vitest) - A Vite-native test framework.131⭐4🍴vitest-mock-extended) - Type safe mocking extensions for Vitest.82⭐10🍴cypress-vite) - Run Cypress specs using Vite.46⭐0🍴vite-plugin-doctest) - Documentation testing for Vitest.
In this section, we use badges to indicate the targeted Vue version for each plugin.
💡 SSR frameworks are listed at SSR - Frameworks.
422⭐138🍴@vitejs/plugin-vue) - Official Vue 3 support.422⭐138🍴@vitejs/plugin-vue-jsx) - Official Vue 3 JSX support.532⭐45🍴@vitejs/plugin-vue2) - Official Vue 2 support.57⭐5🍴@vitejs/plugin-vue2-jsx) - Official Vue 2 JSX support.620⭐83🍴vite-plugin-vue2) - Vue 2 integration.596⭐39🍴unplugin-vue2-script-setup) - Enabling<script setup>syntax for Vue 2.
1740⭐122🍴vite-plugin-pages) - File system based route generator.11⭐0🍴v-route-generate) - A tool to generate routes.1332⭐58🍴unplugin-vue-router) - Official experimental file based routing.1⭐0🍴vite-plugin-vue-routes) - File-based routing, similar to SvelteKit and Next.js App Router.
583⭐90🍴vite-plugin-md) - Markdown as Vue components / Vue components in Markdown.543⭐57🍴vite-svg-loader) - Load SVG files as Vue components.19⭐9🍴vite-plugin-vue2-svg) - Load SVG files as Vue components.44⭐5🍴unplugin-svg-component) - Load SVG files as a Vue component, supporting svg file HMR and Typescript intelligence prompt.4⭐0🍴vite-plugin-markdown-mermaid) - Load Markdown files, with Mermaid rendering support.6⭐0🍴vite-plugin-style-vw-loader) - Converting the inline style px to vw.
1255⭐128🍴vite-ssg) - Server-side generation.
228⭐36🍴unplugin-vue-i18n) - Integration for Vue I18n.31⭐4🍴vite-plugin-i18n-resources) - Load i18n translation message files.3⭐0🍴vite-plugin-i18n-autoimport) - Auto import i18n config file for components.
166⭐42🍴vite-plugin-md-preview) - Markdown code preview.35⭐1🍴vite-plugin-vue-preview) - Code preview for Vue SFC in Markdown, supports online editing.14⭐0🍴vite-plugin-vue-css-modules) - Implicit usage of CSS Modules for template and script SFC tags with static replacement.
3558⭐334🍴unplugin-vue-components) - On-demand components auto-importing.212⭐4🍴vite-plugin-vue-gql) - GraphQL Tags for your Vue SFC.9⭐1🍴vite-plugin-vue2-suffix) - Compatible without '.vue' suffix.637⭐62🍴vite-plugin-vue-inspector) - Jump to local IDE source code while click the element of browser.1⭐1🍴vite-plugin-vue-static-sfc) - Serve ".vue" files as static assets.1629⭐72🍴vite-plugin-vue-devtools) - Designed to enhance the Vue developer experience.96⭐0🍴vite-plugin-vue-nested-sfc) - Nest SFCs inside your SFC.
523⭐98🍴@vitejs/plugin-react) - Official React support that uses Babel.747⭐43🍴@vitejs/plugin-react-swc) - Official React support that uses SWC.
928⭐44🍴generouted) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.
489⭐54🍴vite-plugin-svgr) - Transform SVGs into React components.4⭐0🍴vite-plugin-react-rich-svg) - Seamless SVG loader with versatile import options; such as DataURI, SVGR Component and Raw HTML Code.
180⭐5🍴@stylin/vite-plugin) - Transform CSS and SCSS modules into React components.
427⭐66🍴vite-plugin-react-pages) - A Vite framework for building React app.
31⭐3🍴vite-plugin-react-click-to-component) - Uses Vite's launch middleware to enable alt+click to go to component.
65⭐2🍴vite-react-ssg) - Static-site generation for React.
💡 SSR frameworks are listed at SSR - Frameworks.
242⭐24🍴@preact/preset-vite) - Preact preset. HMR, automatic Preact inject, removal of DevTools in prod.
804⭐98🍴vite-plugin-svelte) - Adds Svelte support. Official plugin of Svelte team.
378⭐33🍴vite-plugin-kit-routes) - Generates a file with all the routes, params, actions of your SvelteKit App.
425⭐51🍴vite-plugin-solid) - Provides JSX transformation for Solid.67⭐9🍴vite-plugin-solid-svg) - Import SVG files as Solid.js Components.
928⭐44🍴generouted) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.
183⭐30🍴vite-plugin-elm) - A plugin that enables you to compile an Elm module.
7⭐0🍴vite-plugin-fastify) - Fastify plugin for Vite with Hot-module Replacement.
4⭐0🍴vite-plugin-fastify-routes) - File-based routing, similar to SvelteKit and Next.js App Router.
2659⭐119🍴electron-vite) - An Electron CLI integrated with Vite.
- 🌎 Vite Rollup Plugins - Compatibility list for official rollup plugins.
3545⭐556🍴@rollup/plugin-alias) - Define and resolve aliases for bundle dependencies.3545⭐556🍴@rollup/plugin-commonjs) - Convert CommonJS modules to ES6.3545⭐556🍴@rollup/plugin-dynamic-import-vars) - Resolving dynamic imports that contain variables.3545⭐556🍴@rollup/plugin-json) - Convert.jsonfiles to ES6 modules.
3545⭐556🍴@rollup/plugin-babel) - Compile your files with Babel.3545⭐556🍴@rollup/plugin-buble) - Compile ES2015 with buble.3545⭐556🍴@rollup/plugin-data-uri) - Import modules from Data URIs.3545⭐556🍴@rollup/plugin-html) - Create HTML files to serve Rollup bundles.3545⭐556🍴@rollup/plugin-node-resolve) - Locate and bundle third-party dependencies in node_modules.3545⭐556🍴@rollup/plugin-sucrase) - Compile TypeScript, Flow, JSX, etc with Sucrase.3545⭐556🍴@rollup/plugin-typescript) - Integration between Rollup and TypeScript.3545⭐556🍴@rollup/plugin-wasm) - Import WebAssembly code with Rollup.3545⭐556🍴@rollup/plugin-url) - Import files as data-URIs or ES Modules.
3545⭐556🍴@rollup/plugin-beep) - System beeps on errors and warnings.3545⭐556🍴@rollup/plugin-dsv) - Convert.csvand.tsvfiles into JavaScript modules with d3-dsv.3545⭐556🍴@rollup/plugin-eslint) - Verify entry point and all imported files with ESLint.3545⭐556🍴@rollup/plugin-graphql) - Convert .gql/.graphql files to ES6 modules.3545⭐556🍴@rollup/plugin-image) - Import JPG, PNG, GIF, SVG, and WebP files (needsenforce: 'pre').3545⭐556🍴@rollup/plugin-inject) - Scan modules for global variables and injects import statements where necessary.3545⭐556🍴@rollup/plugin-legacy) - Add export declarations to legacy non-module scripts.3545⭐556🍴@rollup/plugin-replace) - Replace strings in files while bundling.3545⭐556🍴@rollup/plugin-strip) - Remove debugger statements and functions from your code.3545⭐556🍴@rollup/plugin-virtual) - A Rollup plugin that loads virtual modules from memory.3545⭐556🍴@rollup/plugin-yaml) - Convert YAML files to ES6 modules.69⭐5🍴rollup-plugin-graphql-codegen) - Generating type definitions for GraphQL tag template strings in worker_threads.69⭐5🍴rollup-plugin-i18next-dts-gen) - Generating type definitions from i18n JSON files are used for code hinting and validation.
- Check the
2460⭐133🍴Awesome Rollup list) for community-maintained rollup plugins, and refer to the Vite docs section about 🌎 rollup plugin compatibility.
3671⭐325🍴Vike) - Like Nuxt/Next.js but as a do-one-thing-do-it-well plugin.2531⭐282🍴ssr) - A Server Side Rendering framework combined with Webpack/Vite.456⭐13🍴vavite) - A tool for developing and building server-side applications with live reloading capabilities.9⭐0🍴vue-ssr) - Minimalistic wrapper to develop and run SSR powered Vue apps.67⭐2🍴vite-ssr-boost) - Server side rendering library for create awesome app based onreact-router.83⭐7🍴SSRx) - A thin layer on top of Vite to build modern SSR apps with a delightful DX.1191⭐53🍴Vinxi) - The Full Stack JavaScript SDK. Allows adding SSR to a Vite app.
1036⭐30🍴Rakkas) - React framework inspired by Next.js and SvelteKit.16⭐1🍴Vise) - SSR framework with server hooks.908⭐44🍴@fastify/fastify-dx) - Allowing you to serve static or live (SSR).88⭐11🍴vite-plugin-vercel) - Vercel adapter.
51⭐16🍴Craft Vite) - Plugin for integration with Craft CMS.
475⭐67🍴django-vite) - Integration for Django applications.82⭐7🍴django-vite-plugin) - Integration for Django applications including vite plugin.
- 🌎 Flask-Vite - Integration with Flask.
1172⭐103🍴vite-plugin-ruby) - Configuration for Ruby backends.1172⭐103🍴Vite Ruby) - Integration for Rails, Hanami, Padrino, and Rack apps.
596⭐71🍴Laravel Vite) - Integration for the Laravel framework.758⭐145🍴Laravel Vite Plugin) - Laravel official plugin for Vite.
17⭐4🍴cakephp-vite) - Integration for CakePHP.
123⭐12🍴wordpress-vite-assets) - Integration for WordPress themes.14⭐0🍴Kima) - Starter theme with Twig.
32⭐6🍴vite-asset-collector for TYPO3) - Integration for TYPO3 CMS.
1474⭐62🍴create-rust-app) - Integration for Rust web apps.
204⭐22🍴Vite Bundle) - Integration for Symfony.
219⭐34🍴vite-plugin-shopify) - Integration for Shopify themes.
498⭐29🍴vite-express) - Integration for Express web apps.5⭐1🍴vite-manifest-parser) - Parses manifest.json to generate HTML script and link tags.
197⭐28🍴Vite.AspNetCore) - Integration with ASP.NET Core projects.
- 🌎 Vite module - Backend integration for Drupal.
13⭐3🍴vite-plugin-twig-drupal) - Support for Twig with includes/embeds and Drupal specific twig features.
8⭐0🍴PHP-Vite) - Integration for PHP, Composer package, no framework dependencies.
44⭐1🍴Viject) - One-shot migration tool from Create React App.
11562⭐1865🍴VitePress) - Static Site Generator powered by Vite and Vue.31461⭐1239🍴Slidev) - Presentation Slides for Developers.43059⭐2244🍴Astro) - Modern Static Site Builder.543⭐35🍴Hathora) - Multiplayer game framework.7595⭐448🍴Nhost) - Nhost is an Open Source Firebase Alternative with GraphQL.2482⭐84🍴Ladle) - Tool for developing and testing component stories powered by Vite and React.431⭐64🍴IslandJS) - Static site generator base on islands architecture.296⭐9🍴Vituum) - Wrapper around Vite with predefined config, integrations and template engines.146⭐11🍴Compiiile) - Preview or host folders containing Markdown files with full-text search and presentation slides.
4859⭐234🍴Icônes) - Icon explorer with instant search.99⭐10🍴Awesome CN Café) - Web application for Awesome CN Café.40⭐9🍴Todo Example) - Todo app with routing and state management.- 🌎 aitrack.work - A task-based time tracker for everyday use.
?⭐?🍴macOS in Svelte) - macOS Desktop experience for Web in Svelte.904⭐299🍴vue3-realworld-example-app) - Realworld app implementation using Vue 3 + TypeScript + Composition API.63⭐9🍴react-device-frameset) - This is yet another device frameset component for React.- 🌎 Preview.js - An IDE extension to instantly preview React, Vue 2 and Vue 3 components.
18⭐1🍴pointer-lock-movement) - A pointer lock movement manager for customizing your own creative UI.58⭐1🍴vite-run) - Multiple configuration execution support for vite, freely combining configurations like stacked blocks.6⭐0🍴Dataviz Explorer) - A tool for large CSV, database, and real-time visualization with interactive plots usingHighcharts,Chart.js,React,JavaScript,Material UIandGitHub Actions with Coverage Report.
13236⭐ 1062🍴 vitejs/awesome-vite)