Awesome Vite Overview

⚡️ A curated list of awesome things related to Vite.js

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 vitejs/awesome-vite · ⭐ 15K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

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 (⭐69k)
• Release Notes (⭐69k)
• Vue 3 Docs
• Awesome Vue (⭐72k)
• Migration from v4

Get Started

• create-vite (⭐69k) - Scaffolding Your First Vite Project.
• create-vitawind (⭐159) - Scaffolding for TailwindCSS project.
• create-electron-vite (⭐183) - Scaffolding Your Electron + Vite Project.
• create-vite-app (⭐225) - Scaffolding Your Out Of The Box Vite Project.
• create-nx-workspace (⭐24k) - Scaffolding a Nx + React + Vite + Vitest.
• bati (⭐288) - Scaffolding a Vike project.
• create-awesome-node-app (⭐71) - Scaffolding your project choosing between different templates.

Templates

Vanilla

• vite-vanilla-ts-lib-starter (⭐298) - Starter for library (CJS, ESM, IIFE) with TypeScript, ESLint, Stylelint, Prettier, Jest, Husky + lint-staged.
• vite-tailwind-nojs-starter (⭐56) - NoJS Tailwind CSS starter template.
• vite-tailwind-stimulus-starter (⭐12) - Starter template for Tailwind CSS and Stimulus controllers.
• vite-phaser-ts (⭐20) - Starter template with Phaser and Typescript.
• vite-tinybase (⭐6) - Starter template for TinyBase.
• vite-tinybase-ts (⭐10) - Starter template for TinyBase and TypeScript.
• vite-vanilla-js-template (⭐43) - Starter template ESlint, Prettier, PostCSS, Nesting, Autoprefixer, CSS Nano, CSS Reset.
• vite-starter-markup-template (⭐43) - Starter template for Markup.
• create-domco (⭐34) - Starter template for domco.
• vite-vanilla-library-template (⭐30) - Starter template TypeScript, ESLint, Vitest, Husky, Conventional Commits, GitHub actions.
• vite-alpine-template (⭐4) - Starter template for Alpine.
• vite-ts-lib-starter (⭐13) - Starter template for libraries with TypeScript, Bun, Vitest, Prettier, Renovate and np.
• vite-swagger-ui (⭐3) - Swagger UI with built-in support for multiple APIs.

Vue 3

• Vitesse (⭐8.9k) - Opinionated starter template.
• vite-ts-tailwind-starter (⭐433) - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI.
• vue-vben-admin (⭐26k) - Background management template based on Vue3, Ant-Design-Vue, TypeScript.
• vue-pure-admin (⭐17k) - Background management template based on Vue3, TypeScript, Tailwind CSS, element-plus.
• fast-crud (⭐942) - Options-oriented crud framework, developing crud as fast as lightning.
• vitesse-lite (⭐1.1k) - Lightweight version of Vitesse.
• vitesse-webext (⭐2.9k) - WebExtension Vite Starter Template.
• naive-ui-dashboard-template (⭐59) - 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.
• boot-vue (⭐258) - Starter template with TypeScript + UnoCSS + DaisyUI + Vue Router + Pinia.
• Vue Naive (⭐3.3k) - Admin template, base on Vue 3 + Pinia + Naive UI.
• vue-admin-box (⭐1.7k) - Admin template, based on Vue 3 + Element-plus.
• vite-vue-proste (⭐16) - Pinia + Typescript + Vue-Router4 + Vitest + Vue-Test-Utils + Vue-Query + Sass + ESLint + Stylelint + Prettier + project presets.
• vue-vite-ssr (⭐27) - Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.
• vue3-vant-mobile (⭐1.2k) - Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + TypeScript Mobile Template.
• vue-vite-tw-ts (⭐13) - Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router.
• vite-vue-js-starter-template (⭐155) - Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Prettier Simple Template.
• vue-xs-admin (⭐112) - Based on Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter.
• vulcan (⭐19) - The template for mobile application. Vite, Vue 3, TypeScript, Sass, i18n, Vitest&Cypress, Pinia, APIs&Mock, ESLint, Prettier, auto-importing.
• antdv-pro (⭐706) - 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 (⭐22) - Building an engineered Vue 3 project, integrated with Vite + Vue3 + TypeScript + ESLint + Prettier + Commitizen + Husky + LintStaged + CommitLint + AutoImport + ReleaseIt.
• antd-vue3-admin (⭐23) - A starter template based on Vue3, Vite4, TS5 and Ant-Design-Vue4.
• vue-file-upload (⭐32) - A file management system built with Vue3 and TypeScript that allows for single and multiple file uploading with a preview feature.
• arco-admin (⭐128) - Vite + ArcoDesign + TypeScript follows ESM standards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems.
• materio-free-vuetify-nuxtjs-admin-template (⭐56) - Vuejs 3, Vite 5, Vuetify 3 & NuxtJS 3.
• vite-plugin-vue-style-bundler (⭐7) - Auto bundle Vue/sfc styles into JavaScript.
• celeris-web (⭐416) - Template based on Vite + Vue3 + TypeScript + Vue-Router + Pinia + Unocss + Naive UI + pnpm Monorepo.
• vite-ts-starter (⭐128) - Vue I18n Dynamic Router Localization Template, Internationalized Applications with UnoCSS + Unplugin + Element-Plus + Vitest + TypeScript + Vue-Router + Vuex + Scss + ESLint + Stylelint + Husky + lint-staged.

Vue 2

• vite-vue2-windicss-starter (⭐197) - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript.
• vite-vue2-ts-starter (⭐35) - 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.
• vitify-admin (⭐149) - Vuetify admin starter template with full TypeScript support and intellisense of Vuetify components.

React

• Vitamin (⭐559) - React TypeScript, TailwindCSS, SPA + PWA, Cypress and CI.
• vite-template-react (⭐94) - A Create React App-like template.
• vitejs-template-react-rescript (⭐127) - React + ReScript.
• template-vite-react (⭐168) - A minimal React Vite starter template.
• reactjs-vite-tailwindcss-boilerplate (⭐585) - React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.
• vite-react-ts-tailwind-firebase-starter (⭐282) - Starter using Vite + React + TypeScript + Tailwind CSS (daisyUI) + Firebase (v9) + Prettier + ESLint.
• create-react-app-vite (⭐132) - React, TypeScript, TailwindCSS, MSW, Vitest, React Testing Library, ESLint, Prettier, GitHub Actions.
• chrome-extension-boilerplate-react-vite (⭐2.5k) - React + TypeScript + SASS + Prettier + ESLint + GitHub Actions + HMR(Hot Module Reload) + Turborepo + Chrome Extension Manifest v3.
• vite-rtk-query (⭐135) - React, TypeScript, Redux Toolkit, RTK Query, TailwindCSS, MSW, Jest, React Testing Library, ESLint, Prettier.
• vite-react-proste (⭐19) - React + TypeScript + react-router-dom + Recoil + SASS + Testing Library + react-query + ESLint + Stylelint + Prettier.
• React-PWA (⭐591) - React v18, TypeScript, Vite, React Router v6, MUI v5, Recoil, PWA, Eslint, Prettier, Husky, lint-staged, https localhost and more.
• react-vite-ssr (⭐27) - Mobx, Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.
• Viterts (⭐36) - React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS.
• ViteRC (⭐61) - React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + Absolute imports + Commit linting.
• React Starter Kit (⭐23k) - Jamstack, React, React Router, Material UI, Firebase Auth, TypeScript, ESLint, Prettier, Jest, GitHub Actions.
• vite-mern-template (⭐79) - React 18 + TypeScript + Vite + Redux Toolkit + ESLint + React Router DOM + Axios + React Icons + React Toastify + Express + Mongoose.
• Varsarr (⭐30) - React, Typescript, Styled-Components, Recoil, React-Query, Axios, Absolute imports.
• viterjs-template (⭐45) - React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier.
• react-vite-ts-boilerplate (⭐103) - React 18, TypeScript, SCSS, ESLint, Prettier, Vitest.
• vite-react-universal-template (⭐57) - React18 + TypeScript + react-router-dom + Zustand + ESlint + Prettier + Stylelint + Husky + Docker, and APIs auto importing.
• react-vite-template (⭐29) - A react project template.
• react-xs-admin (⭐40) - The background management system template developed based on React18 + ReactRouteV6 + Vite + And Design + ReactIntl + ReactRedux + Emulation.
• vite-mui-ts (⭐53) - React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier.
• template-vite-react-ts-tailwind (⭐57) - React + TypeScript + Tailwind CSS + Eslint + Prettier.
• vite-react-ts-template (⭐86) - React 18, TypeScript, ESlint, Prettier, Dev Container, Vitest, Storybook, Playwright, MSW, React Router 6, React Query, Chakra UI, Zustand.
• react-vite-tailwindcss-template (⭐14) - React, JavaScript, TailwindCSS, ESlint, Prettier, Pre-commit.
• vite-tinybase-react (⭐6) - Starter template for TinyBase and React.
• vite-tinybase-ts-react (⭐9) - Starter template for TinyBase, TypeScript, and React.
• vite-react-ssr-boost-template (⭐28) - Template for creating React 18 SSR/SPA apps with TypeScript, Mobx, React Router, Head Manager, Suspense, Streaming. Also included CI/CD, ESLint, Prettier, Stylelint, Husky, Semantic Release.
• vite-react-ts-shadcn-starter (⭐74) - Template for creating React 18 SPA apps with TypeScript, React Router, Tailwind CSS, Shadcn UI, React Query, ESLint, Prettier, Stylelint, Husky, React-i18next, Transmart.
• template-tauri-vite-react-ts-tailwind (⭐13) - Template for Tauri + React + Typescript + TailwindCSS + Prettier + ESLint build-in.
• vite-react-chakra-starter (⭐105) - Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky.
• vite-react-tailwind-starter (⭐41) - Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky.
• monorepo-template-react (⭐70) - React + Typescript template for SSR, SPG, SPA and API provision.
• vite-react-dapp-template (⭐10) - Starter template for decentralized app frontend development with preconfigured Wallet Authentication, i18n and UI features.
• vite-express-ssr-ts (⭐41) - React + Typescript + ExpressJS + Vite SSR template with inbuild api feature.
• vite-react-flow-template (⭐44) - React Flow starter template.
• react-vite-template (⭐11) - React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged.
• gravity-ui-vite-template (⭐2) - Template with Gravity UI ecosystem (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged).
• vite-react-component-library-starter (⭐43) - A starter template for creating React component libraries with TypeScript, Tailwind CSS, Storybook, Vitest, ESLint, Prettier, Husky, and GitHub Action.
• vite-template-awesome-soho (⭐2) - DevContainer Template for creating React 18, Javascript + JSDoc, React Router, Ant Design, ESLint, EditorConfig, .env, SonarLint, Vitest.
• react-component-library-vite (⭐4) - A library template for with React, Javascript,Styled-Components, Vitest, React Testing Library, Storybook.
• ReTail (⭐15) - Starter template for building Full Stack WEB applications with Remix using TypeScript, Tailwind CSS, Prettier and ESLint.
• vite-react-redux-saga-typescript (⭐4) - Starter template with React, TypeScript, Redux (Redux Toolkit), Saga, React Testing Library, ESLint, Prettier and Husky.
• vite-complete-react-app (⭐7) - Starter template for building web applications using React, TypeScript, Redux Toolkit, React Router, Axios, Sass, Moment, ESLint, Prettier and React Testing Library.
• vite-react-framer-starter (⭐7) - Starter template with React, TypeScript, Framer Motion, Tailwind CSS, ESLint, and Prettier.
• vite-jsx-remove-attributes (⭐4) - Remove the data-testid (configurable) from production builds.
• React Tanning (⭐3) - Starter template with React + Vite + TypeScript + TanStack + Tailwind.
• Reactive (⭐5) - React starter template with Remix file-based routing convention for react-router, UnoCSS, LinguiJs, zustand, and ton of features.
• RVTGB (⭐2) - React + TypeScript starter template, with file-based routing with Generouted and Biome.
• vite-biome-tailwind-template (⭐4) - React, Typescript, Biome, Tailwind CSS.
• React Dapp Starter (⭐9) - Enterprise-ready Web3 DApp starter with TypeScript, TailwindCSS, Web3Modal, Wagmi, Shadcn UI, Zustand, and TanStack Query for scalable decentralized applications.
• vite-template-react-ts-jest (⭐1) - React + TypeScript + Jest.
• vite-amplify (⭐6) - Template with SSR + Express APIs + AWS Amplify Hosting.
• react-component-library-template (⭐2) - A library template for with React, TypeScript, Vitest, React Testing Library, Storybook, Biome, Stylelint.
• react-boilerplate (⭐2) - Template for bootstrapping with Eslint + Husky + Prettier.
• react-admin-dashboard (⭐2) - Dashboard template with TypeScript, Vite, Ant Design, React Router, Zustand, Ant Design Charts.

Svelte

• SvelteKit (⭐19k) - The fastest way to build Svelte apps.
• svelte-vite-ssr (⭐58) - Svelte with SSR support.
• template-vite-svelte-ts-tailwind (⭐10) - Svelte + TypeScript + Tailwind CSS + Prettier.
• vite-svelte-flow-template (⭐10) - Svelte Flow starter template.
• vite-svelte-docker-template (⭐0) - Docker + Svelte + Vitest.

Solid

• vitesse-solid (⭐64) - 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 (⭐4.3k) - Electron + Vite + Vue template.
• electron-vite-react (⭐2k) - Electron + Vite + React template.
• electron-vite-boilerplate (⭐206) - Support SerialPort, SQLite3 and node C/C++ addons.
• electron-vite-template (⭐421) - Electron 13, Vue 3 and TypeScript. Make your desktop development easier.
• fast-vite-electron (⭐193) - Vue3 + Vite + Electron with esbuild.
• fast-vite-nestjs-electron (⭐315) - Vue3 + Vite + Electron + Nestjs with esbuild.
• vite-plugin-electron-quick-start (⭐194) - Template for Electron projects.
• vite-electron-builder (⭐2.4k) - Electron apps using Vite for both back and front-end, with automatic releases.
• vite-reactts-electron-starter (⭐311) - React, Tailwind CSS, TypeScript and Electron.
• electron-vue-template (⭐608) - Electron template with TypeScript, including Electron Builder.
• Vitron (⭐17) - Build beautiful (win, linux, mac) desktop apps for modern web projects with vite and electron.
• Vutron (⭐263) - Electron + Vite + Vue 3 + Pinia (TypeScript) template.
• vite-electron-plugin (⭐54) - High-performance, esbuild-based Vite Electron plugin.
• vite-plugin-doubleshot (⭐132) - For building Node.js backend or Electron main process.

Tauri

• HuLa (⭐579) - is a desktop instant messaging app built on Vite 5 + Vue 3 + TypeScript + Tauri (not just instant messaging).

Neutralino

• vite-react-neutralino-template (⭐2) - Neutralino + Vite + React template.

Elm

• vite-elm-template (⭐131) - A default template for building Elm applications.
• elm_vite_tailwind_template (⭐40) - Opinionated template for building Elm web apps using Tailwind CSS and Daisy UI.

Petite-Vue

VanJS

GitHub

• github-action-template (⭐15) - Starter template for GitHub Actions, Typescript, ESLint, Vitest, Husky, Conventional Commits.

Others

• vit-singlefile-gzip - Starter template for embedded.
• 11st-Starter-Kit - 11ty, powered by Vite with Tailwind CSS and Alpine.js.
• chrome-ext-template-preact-windi-vite (⭐81) - Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions and Chrome Extension Manifest v3.
• vite-vue3-chrome-extension-v3 (⭐507) - Web extension starter template for Chrome, Firefox and Edge.

Plugins

Framework-agnostic Plugins

Integrations

• @vitejs/plugin-legacy (⭐69k) - Legacy browser support.
• vite-plugin-pwa (⭐3.3k) - Zero-config PWA.
• vite-plugin-windicss (⭐855) - Windi CSS integration.
• vite-plugin-node (⭐1k) - Integration with Node.js backend servers.
• vite-plugin-cesium (⭐235) - 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.
• vite-plugin-checker (⭐1k) - Fast run checkers (TypeScript/VLS/vue-tsc, etc.) in worker threads with overlay and terminal hint.
• vite-plugin-tauri (⭐166) - Integrate Tauri in a Vite project to build cross-platform apps.
• vite-plugin-federation (⭐2.4k) - Support Module Federation, Inspired by Webpack Module Federation feature.
• vite-plugin-wasm-pack (⭐236) - Integration with rust wasm-pack (⭐6.3k), the simple way.
• vite-plugin-comlink (⭐182) - Use WebWorkers with the power of Comlink (⭐11k) to make them enjoyable.
• vite-plugin-sass-dts (⭐121) - This is a plugin that automatically creates a type file when using the CSS module type-safely.
• vite-plugin-ali-oss (⭐33) - Upload the production files bundled in the project to Ali OSS, except for HTML.
• vite-plugin-webfont-dl (⭐311) - Downloads and injects webfonts (Google Fonts) to improve website's performance.
• vite-plugin-babel (⭐53) - Babel integration for both build and server to support f.ex. decorators or class fields in pure JS/JSX files.
• vite-plugin-electron (⭐702) - Integrate Vite and Electron.
• vite-plugin-optimizer (⭐36) - Manually Pre-Bundling.
• vite-plugin-babel-compiler (⭐24) - The plugin works with Babel compiler.
• vite-plugin-commonjs (⭐112) - A pure JavaScript implementation for CommonJs.
• vite-plugin-mpa-plus (⭐82) - More flexible MPA (multi-page application) supports html templates, path rewriting.
• vite-plugin-multi-pages (⭐28) - Multi Pages Support，can build src/pages anyPage，can set prefixName.
• vite-plugin-html-template-mpa (⭐24) - Multi Pages Common template support.
• vite-plugin-vconsole-mpa (⭐5) - Multi Pages Vconsole supports，simple config.
• vite-plugin-browser-sync (⭐67) - BrowserSync.
• vite-plugin-jspm (⭐60) - Resolves dependencies independently from CDN providers using import maps and es-module-shims.
• vite-plugin-env-switch (⭐10) - Switch project env and restart vite server without command line operation.
• vite-plugin-virtual-mpa (⭐122) - Out-of-box MPA plugin, with html template engine and virtual files support, which generate multiple files using only one template.
• vite-plugin-stylelint (⭐23) - Runs Stylelint synchronously/asynchronously.
• Vite-plugin-graphiql (⭐6) - Integration for GraphiQL IDE.
• vite-plugin-graphql-server (⭐9) - Bootstrap a local GraphQL server for testing and documentaion.
• unplugin-fonts (⭐345) - Load font from Typekit, Google Fonts, Fontsource or your own custom one.
• unplugin-config (⭐24) - Configuration file generator for web apps, allowing external customization of global variables without repackaging.
• vite-plugin-svg-spritemap (⭐43) - Generates a SVG spritemap from multiple .svg files.
• vite-plugin-dc (⭐3) - Integration with @dvgis/dc-sdk library.
• @spiriit/vite-plugin-svg-spritemap (⭐56) - Pack your SVG files in one spritemap file and use them with <svg>/<img> and directly in your CSS.
• vite-plugin-auto-mpa-html (⭐9) - A file directory-based automated multi-page build plugin that supports HTML templates using EJS.
• vite-plugin-cloudflare-functions (⭐56) - Cloudflare pages function integration.
• @storybook/builder-vite (⭐85k) - Storybook builder.
• @builder.io/partytown (⭐13k) - Relocate resource intensive third-party scripts off of the main thread and into a web worker.
• vite-plugin-dynamic-proxy (⭐8) - Automatically configure reverse proxies based on URL parameters.
• unplugin-auto-export (⭐29) - Automates the maintenance of export statements in the index.ts file.
• remix-development-tools (⭐758) - Plugin for Remix.run development tools.
• vite-plugin-legacy-swc (⭐56) - Legacy browser support with SWC.
• vite-plugin-biome (⭐50) - Biome linter.
• vite-plugin-oxlint (⭐25) - Oxlint linter.
• @tomjs/vite-plugin-electron (⭐5) - Easily develop Electron applications.
• @tomjs/vite-plugin-vscode (⭐44) - Easily use web frameworks to develop VSCode Extension's Webview, and support HMR and Debug.
• vite-plugin-px-rem-vw (⭐7) - Integrate PostCSS plugin pxTorem and pxTovw.
• vite-plugin-mpg (⭐1) - Simple configuration of multi page applications.
• vite-plugin-pagefind (⭐17) - Integrate pagefind search.
• @mistjs/vite-plugin-px2viewport (⭐13) - A plugin that automatically converts inline styles and style files from px units to vw units.
• vite-multiple-assets (⭐22) - Add support for multiple public asset directories.
• vite-create-production-server-plugin (⭐0) - Spin up a production HTTP serve after build.
• vite-plugin-eslint2 (⭐28) - Runs ESLint synchronously/asynchronously.
• vite-plugin-page-html (⭐6) - Multi-page generic template plugin, support ejs template syntax. Similar to vue-cli pages configuration.
• vite-plugin-vanilla (⭐6) - Vanilla multi-page web development mode.
• genaicode/vite-plugin (⭐14) - A plugin that embeds an AI coding assistant into the app UI.
• vite-plugin-year (⭐1) - Inserts the current year to the html file during build. Useful for adding a copyright year to the HTML file.

Loaders

• unplugin-icons (⭐4.2k) - Access thousands of icons as components.
• vite-imagetools (⭐960) - Load and transform images using url query parameters.
• vite-plugin-radar (⭐134) - All in one analytics loader (with 7+ providers supported).
• vite-plugin-glsl (⭐325) - Import shader file chunks.
• vite-plugin-svgo (⭐29) - 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-php (⭐40) - Load and process PHP-entry files instead of default index.html.
• vite-plugin-lqip (⭐52) - Generate low quality image placeholders (LQIP).
• vite-plugin-ms-clarity (⭐2) - Inject the Microsoft Clarity script to index.html.
• @cyco130/vite-plugin-mdx (⭐12) - Import MDX.
• vite-awesome-svg-loader (⭐11) - Imports SVGs as source code, base64 and data URI. Preserves stroke width, replaces colors with currentColor. Optimizes SVGs with SVGO. Creates SVG sprites.
• vite-plugin-dir2json (⭐16) - Convert the directory structure into json data containing supported file paths.

Bundling

• rollup-plugin-critical (⭐101) - Generate critical CSS.
• vite-plugin-dts (⭐1.3k) - Generate declaration files from .ts or .vue source files for lib.
• vite-compression-plugin (⭐185) - Use Node.js stream compress file to gzip or more.
• vite-plugin-chunk-split (⭐355) - Automatically code splitting, support unbundle in production.
• vite-plugin-static-copy (⭐303) - Copy files and folders.
• vite-plugin-zip-file (⭐17) - Compress files or folders into zip.
• vite-plugin-zip-pack (⭐35) - Pack distribution/build folder into a zip file.
• vite-plugin-cp (⭐70) - Copy files after building bundles.
• unplugin-imagemin (⭐201) - High performance compressed Picture based on squoosh and sharp.
• vite-plugin-image-optimizer (⭐350) - Optimize (compress) your image assets using Sharp.js and SVGO at build time.
• vite-plugin-no-bundle (⭐61) - Generate unbundled code for use with native ESM or other bundlers.
• vite-plugin-css-injected-by-js (⭐431) - Takes the CSS and adds it to the page through the JS.
• unplugin-zip-pack (⭐5) - Zip your dist with filter function support.
• vite-plugin-singlefile (⭐879) - Inline all JavaScript and CSS resources directly into the final dist/index.html file.
• vite-plugin-node-polyfills (⭐314) - Polyfill Node's Core Modules for browser environments.
• vite-plugin-cdn2 (⭐76) - Replace module with CDN.
• vite-plugin-bundle-prefetch (⭐19) - Inject prefetch assets into index.html.
• vite-plugin-imagemin (⭐22) - Optimize and compress your image assets and optionally create WebP/AVIF.
• vite-plugin-lib-types (⭐6) - Generate DTS file while building library.
• vite-plugin-minipic (⭐43) - Efficient image compression tool.
• vite-plugin-robots (⭐9) - Generating robots.txt.
• vite-plugin-bundle-obfuscator (⭐67) - JavaScript obfuscator.
• @yuanjianming/unplugin-image-convert (⭐1) - Image multi format conversion plugin based on sharp.js.
• vite-plugin-dynamic-chunk (⭐6) - Split dependencies between entry and dynamic entry, and merge small chunks.
• @yuanjianming/unplugin-compress-svga (⭐1) - Compress SVGA.
• @yuanjianming/unplugin-font-spider (⭐1) - A webfont compression plugin.
• vite-plugin-static-filehash (⭐4) - It can help the program improve the cache hit rate.

Transformers

• vite-plugin-html (⭐608) - Plugin to minimize and use ejs template syntax in index.html.
• vite-plugin-ts-nameof (⭐21) - Ability to resolve nameof (⭐493) in TypeScript.
• vite-plugin-handlebars (⭐187) - Process HTML files with Handlebars.
• vite-plugin-virtual-html (⭐74) - Make Vite MPA consistent with @vue/cli.
• vite-plugin-content (⭐131) - Convert yaml, xml, ini, toml, csv, plist and properties files to ES6 modules.
• vite-plugin-require (⭐72) - A Vite plugin that supports require by code transforming.
• vite-plugin-global-style (⭐131) - Deal with global styles for CSS, SASS, LESS and Stylus.
• vite-plugin-shared-modules (⭐31) - Share node_modules in monorepos.
• vite-plugin-pug-transformer (⭐38) - Pug template engine support.
• @import-meta-env/unplugin (⭐247) - Inject environment variables into the import.meta.env object after building the application instead of statically replacing it during production.
• @modyfi/vite-plugin-yaml (⭐76) - Transform YAML files to ESM with schema validation and error reporting.
• vite-plugin-html-inject (⭐60) - Split the index.html into smaller reusable pieces.
• unplugin-inject-preload (⭐29) - Inject <link rel="preload"> to your index.html based on your build assets.
• @vituum/vite-plugin-handlebars (⭐6) - Handlebars template engine support, transforms .hbs templates to .html.
• @vituum/vite-plugin-pug (⭐7) - Pug template engine support, transforms .pug templates to .html.
• @vituum/vite-plugin-nunjucks (⭐11) - Nunjucks template engine support, transforms .njk templates to .html.
• @vituum/vite-plugin-liquid (⭐10) - Liquid template engine support, transforms .liquid templates to .html.
• @vituum/vite-plugin-twig (⭐18) - 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 (⭐9) - PostHTML support, transforms syntax to .html.
• @vituum/vite-plugin-juice (⭐5) - Juice support, transforms .css to inline styles in .html.
• vite-plugin-version-mark (⭐58) - 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 (⭐27) - Export variables from CSS to JavaScript, and support nested rules.
• vite-plugin-optimize-css-modules (⭐30) - Generate the smallest possible CSS-Classes when CSS-Modules are used.
• vite-plugin-generate-html (⭐8) - Define separate output files for JavaScript and CSS bundles.
• vite-plugin-turbo-console (⭐530) - Enhance the readability of console.log().
• vite-plugin-html-injection (⭐21) - Inject HTML, JavaScript and CSS code snippets into the index.html.
• vite-plugin-typescript-transform (⭐16) - Applies the TypeScript compiler during Vite's transform build phase.
• vite-plugin-public-typescript (⭐12) - Inject Typescript into index.html.
• unplugin-generate-component-name (⭐20) - Automatically generate component's name.
• @laynezh/vite-plugin-lib-assets (⭐108) - Extracts resource files referenced in library mode instead of embedded them as base64.
• css-media-splitter/vite-plugin (⭐37) - Extracts all @media At-rules into a dedicated .css files and download it only when matches the media query.
• @tomjs/vite-plugin-html (⭐4) - Support compression, loading, CDN and others for index.html.
• @tomjs/vite-plugin-iconify (⭐3) - Inject the global variable IconifyProviders into index.html for iconify, and support local area network and custom url.
• vite-plugin-icons-spritesheet (⭐106) - Generate a spritesheet and TypeScript types from SVG icons by listening to the icons folder changes.
• vite-plugin-abbrlink (⭐1) - Add the abbrlink attribute to the markdown file in the specified directory.
• vite-plugin-native (⭐15) - Supports Node/Electron C/C++ native addons.
• @yoichiro/vite-plugin-handlebars (⭐4) - Import of Handlebars templates .hbs as ES Modules.
• vite-plugin-magic-preloader (⭐11) - Generate <link rel="prefetch" /> or <link rel="preload" /> tags through magic comments and inject them into index.html.
• vite-plugin-replace-lodash (⭐1) - Replacing the import of lodash with lodash-es is more beneficial to tree-shaking.

Helpers

• vite-tsconfig-paths (⭐1.4k) - Support for TypeScript's path mapping.
• vite-aliases (⭐213) - Alias auto-generation based on project structure.
• vite-plugin-mkcert (⭐612) - Provide certificates https dev server.
• vite-plugin-vconsole (⭐76) - Help developers use vconsole to facilitate mobile development and debugging.
• vite-plugin-mock-server (⭐59) - Mock server plugin, support using TS and JS to write Mock API and HMR.
• vitawind (⭐159) - Install and Setting Tailwind CSS automatically.
• vite-plugin-restart (⭐169) - Restart the Vite server on file changes.
• vite-plugin-full-reload (⭐148) - Reload the browser on file changes.
• vite-plugin-tips (⭐61) - Provide better development server status tips on the page.
• vite-plugin-external (⭐70) - Provides a way of excluding dependencies from the runtime code and output bundles.
• unplugin-auto-import (⭐3.3k) - On-demand API auto-importing.
• vite-plugin-inspect (⭐1.3k) - Inspect the intermediate state of Vite plugins.
• vite-plugin-remove-console (⭐163) - A vite plugin that deletes console.log in the production environment.
• vite-plugin-dev-manifest (⭐22) - Generates manifest.dev.json during dev server, for backend integration with any language/framework.
• vite-plugin-watch-and-run (⭐409) - Watch some files (glob) and trigger a command. To enable any tool to have a watch mode.
• vite-plugin-dynamic-base (⭐71) - Resolve all resource files dynamic publicPath.
• vite-plugin-live-reload (⭐87) - Live reloading.
• vite-plugin-simple-vconsole (⭐7) - A debug console view inside your app to make mobile debugging easier, for both SPA and MPA.
• vite-plugin-qrcode (⭐150) - Show QR code on server start.
• vite-plugin-cem (⭐30) - Generates custom-elements.json manifest for describing custom elements.
• vite-plugin-web-update-notification (⭐502) - Detect webpage updates and notify user to reload. support vite and umijs.
• vite-plugin-browserslist-useragent (⭐14) - Compile browserslist query to a RegExp to test browser useragent.
• vite-plugin-validate-env (⭐173) - Validate your environment variables at build time. Never forget an environment variable again.
• vite-plugin-mock-data (⭐70) - Provides a simple way to mock data.
• vite-plugin-reverse-proxy (⭐70) - Sometimes we have to redirect scripts on production environment to debug and solve problems, the plugin will transform the script to be served with the text/javascript MIME type to module MIME type.
• vite-plugin-conditional-compile (⭐65) - Conditional compilation syntax based on environment variables.
• vite-plugin-mock-dev-server (⭐172) - Mock server for development, support CJS/ESM/JSON, auto-importing file and HMR.
• vite-plugin-api (⭐33) - 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 (⭐124) - Mimic tree-shaking behaviour when importing code from an entry file in development mode.
• vite-plugin-auto-alias (⭐9) - Automatically generate alias based on path.
• vite-plugin-image-placeholder (⭐11) - Generate placeholder images by path matches.
• vite-plugin-find-image-duplicates (⭐7) - Find if there are duplicate images in your project when building it.
• @froxz/vite-plugin-s3 (⭐32) - Allows you to upload files to S3.
• vite-plugin-vitepress-auto-sidebar (⭐104) - Automatically generates sidebar data by scanning directories, based on vitepress.
• vite-plugin-global-const (⭐9) - Define constants for reuse of your code.
• vite-plugin-cli-copy (⭐3) - 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 (⭐80) - Export build information as a virutal module.
• vite-plugin-auto-origin (⭐3) - Detect origin configuration automatically based on incoming requests to dev server.
• vite-plugin-deadfile (⭐30) - Find unused source files in the project.
• vite-bundle-analyzer (⭐178) - Utility that represents bundles as an interactive treemap.
• vite-font-extractor-plugin (⭐6) - Utility that minification bundle fonts by glyphs.
• vite-plugin-i18n-detector (⭐11) - Lazyload i18n locale resources.
• vite-plugin-ngrok (⭐22) - Integration with Ngrok, allowing you to easily share your local development server.
• vite-plugin-docker (⭐5) - Docker utility based on Dockerode.
• vite-plugin-api-routes (⭐33) - Generate route mapping for API Routes services from the directory tree.
• unplugin-detect-duplicated-deps (⭐78) - Detect duplicate packaged dependencies.
• vite-plugin-vitepress-auto-nav (⭐20) - Automatically generates sidebar and nav configurations by scanning directories, based on VitePress.
• vite-plugin-pretty-module-classnames (⭐19) - Adds the filename without the -module suffix to the class names of CSS modules.
• vite-plugin-serve-static (⭐7) - Allows serving arbitrary static files not in the public/ directory.
• vite-plugin-valibot-env (⭐4) - Validate environment variables against a Valibot schema.
• vite-plugin-vitest-cache (⭐4) - Optimize Vitest execution time through caching.
• vite-preload (⭐19) - Preloads lazy loaded modules and stylesheets that were rendered by the server using 103 Early Hints, Link headers or link tags.
• vite-plugin-envtype-patch (⭐1) - Generate type info for import.meta.env.

Testing

• vitest (⭐13k) - A Vite-native test framework.
• vitest-mock-extended (⭐172) - Type safe mocking extensions for Vitest.
• cypress-vite (⭐88) - Run Cypress specs using Vite.
• vite-plugin-doctest (⭐62) - Documentation testing for Vitest.
• @poyro/vitest (⭐30) - Test LLM integrations using Vitest.

Security

• vite-plugin-csp-guard (⭐15) - Lets you configure a Content Security Policy to your project, supports all directives and hashing.

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 (⭐507) - Official Vue 3 support.
• @vitejs/plugin-vue-jsx (⭐507) - Official Vue 3 JSX support.
• @vitejs/plugin-vue2 (⭐554) - Official Vue 2 support.
• @vitejs/plugin-vue2-jsx (⭐57) - Official Vue 2 JSX support.
• vite-plugin-vue2 (⭐621) - Vue 2 integration.
• unplugin-vue2-script-setup (⭐603) - Enabling <script setup> syntax for Vue 2.

Routing

• vite-plugin-pages (⭐1.9k) - File system based route generator.
• v-route-generate (⭐13) - A tool to generate routes.
• unplugin-vue-router (⭐1.7k) - 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 (⭐605) - Markdown as Vue components / Vue components in Markdown.
• vite-svg-loader (⭐599) - Load SVG files as Vue components.
• vite-plugin-vue2-svg (⭐19) - Load SVG files as Vue components.
• unplugin-svg-component (⭐61) - Load SVG files as a Vue component, supporting svg file HMR and Typescript intelligence prompt.
• vite-plugin-markdown-mermaid (⭐4) - Load Markdown files, with Mermaid rendering support.
• vite-plugin-style-vw-loader (⭐6) - Converting the inline style px to vw.

SSG

• vite-ssg (⭐1.4k) - Server-side generation.

Ecosystem

• unplugin-vue-i18n (⭐246) - Integration for Vue I18n.
• vite-plugin-i18n-resources (⭐31) - Load i18n translation message files.
• vite-plugin-i18n-autoimport (⭐3) - Auto import i18n config file for components.

Transformers

• vite-plugin-md-preview (⭐173) - Markdown code preview.
• vite-plugin-vue-preview (⭐35) - Code preview for Vue SFC in Markdown, supports online editing.
• vite-plugin-vue-css-modules (⭐18) - Implicit usage of CSS Modules for template and script SFC tags with static replacement.

Helpers

• unplugin-vue-components (⭐3.9k) - On-demand components auto-importing.
• vite-plugin-vue-gql (⭐213) - GraphQL Tags for your Vue SFC.
• vite-plugin-vue2-suffix (⭐9) - Compatible without '.vue' suffix.
• vite-plugin-vue-inspector (⭐697) - 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 (⭐96) - Nest SFCs inside your SFC.

React

Official

• @vitejs/plugin-react (⭐615) - Official React support that uses Babel.
• @vitejs/plugin-react-swc (⭐875) - Official React support that uses SWC.

Presets

Routing

• generouted (⭐1.1k) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.
• unplugin-remix-router (⭐10) - Generates a React Router file, that depends on Remix v2 file-based router convention.
• vite-plugin-remix-flat-routes (⭐2) - Remix-flat-routes convention-based routing, compatible with react-router data-api routing.

Loaders

• vite-plugin-svgr (⭐572) - Transform SVGs into React components.
• vite-plugin-react-rich-svg (⭐7) - Seamless SVG loader with versatile import options; such as DataURI, SVGR Component and Raw HTML Code.

Transformers

• @stylin/vite-plugin (⭐181) - Transform CSS and SCSS modules into React components.

Framework

• vite-plugin-react-pages (⭐460) - A Vite framework for building React app.

Helpers

• vite-plugin-react-click-to-component (⭐43) - Uses Vite's launch middleware to enable alt+click to go to component.

SSG

• vite-react-ssg (⭐129) - Static-site generation for React.

💡 SSR frameworks are listed at SSR - Frameworks.

Preact

Presets

• @preact/preset-vite (⭐263) - Preact preset. HMR, automatic Preact inject, removal of DevTools in prod.

Svelte

Integrations

• vite-plugin-svelte (⭐871) - Adds Svelte support. Official plugin of Svelte team.

Helpers

• vite-plugin-kit-routes (⭐409) - Generates a file with all the routes, params, actions of your SvelteKit App.

Solid

Integrations

• vite-plugin-solid (⭐445) - Provides JSX transformation for Solid.
• vite-plugin-solid-svg (⭐79) - Import SVG files as Solid.js Components.

Routing

• generouted (⭐1.1k) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.

Elm

Integrations

• vite-plugin-elm (⭐202) - A plugin that enables you to compile an Elm module.

Angular

Integrations

Fastify

Integrations

• vite-plugin-fastify (⭐10) - Fastify plugin for Vite with Hot-module Replacement.

Routing

• vite-plugin-fastify-routes (⭐6) - File-based routing, similar to SvelteKit and Next.js App Router.

Electron

Integrations

• electron-vite (⭐3.6k) - An Electron CLI integrated with Vite.

Presets

Rollup Plugins

• Vite Rollup Plugins - Compatibility list for official rollup plugins.

Included in Vite

• @rollup/plugin-alias (⭐3.7k) - Define and resolve aliases for bundle dependencies.
• @rollup/plugin-commonjs (⭐3.7k) - Convert CommonJS modules to ES6.
• @rollup/plugin-dynamic-import-vars (⭐3.7k) - Resolving dynamic imports that contain variables.
• @rollup/plugin-json (⭐3.7k) - Convert .json files to ES6 modules.

Covered by default in Vite

• @rollup/plugin-babel (⭐3.7k) - Compile your files with Babel.
• @rollup/plugin-buble (⭐3.7k) - Compile ES2015 with buble.
• @rollup/plugin-data-uri (⭐3.7k) - Import modules from Data URIs.
• @rollup/plugin-html (⭐3.7k) - Create HTML files to serve Rollup bundles.
• @rollup/plugin-node-resolve (⭐3.7k) - Locate and bundle third-party dependencies in node_modules.
• @rollup/plugin-sucrase (⭐3.7k) - Compile TypeScript, Flow, JSX, etc with Sucrase.
• @rollup/plugin-typescript (⭐3.7k) - Integration between Rollup and TypeScript.
• @rollup/plugin-wasm (⭐3.7k) - Import WebAssembly code with Rollup.
• @rollup/plugin-url (⭐3.7k) - Import files as data-URIs or ES Modules.

Compatible with Vite

• @rollup/plugin-beep (⭐3.7k) - System beeps on errors and warnings.
• @rollup/plugin-dsv (⭐3.7k) - Convert .csv and .tsv files into JavaScript modules with d3-dsv.
• @rollup/plugin-eslint (⭐3.7k) - Verify entry point and all imported files with ESLint.
• @rollup/plugin-graphql (⭐3.7k) - Convert .gql/.graphql files to ES6 modules.
• @rollup/plugin-image (⭐3.7k) - Import JPG, PNG, GIF, SVG, and WebP files (needs enforce: 'pre').
• @rollup/plugin-inject (⭐3.7k) - Scan modules for global variables and injects import statements where necessary.
• @rollup/plugin-legacy (⭐3.7k) - Add export declarations to legacy non-module scripts.
• @rollup/plugin-replace (⭐3.7k) - Replace strings in files while bundling.
• @rollup/plugin-strip (⭐3.7k) - Remove debugger statements and functions from your code.
• @rollup/plugin-virtual (⭐3.7k) - A Rollup plugin that loads virtual modules from memory.
• @rollup/plugin-yaml (⭐3.7k) - Convert YAML files to ES6 modules.
• rollup-plugin-graphql-codegen (⭐79) - Generating type definitions for GraphQL tag template strings in worker_threads.
• rollup-plugin-i18next-dts-gen (⭐79) - Generating type definitions from i18n JSON files are used for code hinting and validation.

Community

• Check the Awesome Rollup list (⭐2.6k) for community-maintained rollup plugins, and refer to the Vite docs section about rollup plugin compatibility.

SSR

Libraries

• Vike (⭐4.4k) - Like Nuxt/Next.js but as a do-one-thing-do-it-well plugin.
• ssr (⭐2.6k) - A Server Side Rendering framework combined with Webpack/Vite.
• vavite (⭐475) - A tool for developing and building server-side applications with live reloading capabilities.
• vue-ssr (⭐12) - Minimalistic wrapper to develop and run SSR powered Vue apps.
• vite-ssr-boost (⭐91) - Server side rendering library for create awesome app based on react-router.
• SSRx (⭐126) - A thin layer on top of Vite to build modern SSR apps with a delightful DX.
• Vinxi (⭐2.3k) - The Full Stack JavaScript SDK. Allows adding SSR to a Vite app.
• domco (⭐34) - Minimal full-stack JavaScript. Turns a Vite app into a full-stack application with minimal dependencies.

Frameworks

• Rakkas (⭐1.1k) - React framework inspired by Next.js and SvelteKit.
• Vise (⭐15) - SSR framework with server hooks.
• @fastify/fastify-dx (⭐900) - Allowing you to serve static or live (SSR).
• vite-plugin-vercel (⭐102) - Vercel adapter.
• vite-vlugin-vercel-skew-protection (⭐3) - Helps configure Vercel Skew Protection.

Integrations with Backends

Adobe Experience Manager

Craft CMS

• Craft Vite (⭐52) - Plugin for integration with Craft CMS.

Django

• django-vite (⭐595) - Integration for Django applications.
• django-vite-plugin (⭐115) - Integration for Django applications including vite plugin.

Flask

• Flask-Vite - Integration with Flask.

Ruby on Rails

• vite-plugin-ruby (⭐1.4k) - Configuration for Ruby backends.
• Vite Ruby (⭐1.4k) - Integration for Rails, Hanami, Padrino, and Rack apps.

Laravel

• Laravel Vite (⭐600) - Integration for the Laravel framework.
• Laravel Vite Plugin (⭐813) - Laravel official plugin for Vite.

CakePHP

• cakephp-vite (⭐20) - Integration for CakePHP.

WordPress

• wordpress-vite-assets (⭐135) - Integration for WordPress themes.
• Kima (⭐19) - Starter theme with Twig.
• WordPlate (⭐2.1k) - Starter app with Composer.

TYPO3 CMS

• vite-plugin-typo3 (⭐2) - Frontend integration for TYPO3 CMS.
• vite-asset-collector for TYPO3 (⭐41) - Backend integration for TYPO3 CMS.

Go

• vite (⭐35) - Integration with Go.

Rust

• create-rust-app (⭐1.5k) - Integration for Rust web apps.

OctoberCMS

Symfony

• Vite Bundle (⭐235) - Integration for Symfony.

Shopify

• vite-plugin-shopify (⭐297) - Integration for Shopify themes.

CodeIgniter

DDEV

Node.js

• vite-express (⭐678) - Integration for Express web apps.
• vite-manifest-parser (⭐13) - Parses manifest.json to generate HTML script and link tags.

ASP.NET Core

• Vite.AspNetCore (⭐267) - Integration with ASP.NET Core projects.

Drupal

• Vite module - Backend integration for Drupal.
• vite-plugin-twig-drupal (⭐18) - Support for Twig with includes/embeds and Drupal specific twig features.

PHP

• PHP-Vite (⭐32) - Integration for PHP, Composer package, no framework dependencies.
• PHP-Vite Starter Repo (⭐23) - Starter repository, with TypeScript/JavaScript, Tailwind CSS, SASS/SCSS, EJS, SVG and image support.
• php-vitelinker (⭐0) - A CLI tool that generates includable PHP files after building bundles.

Migrations

Vue CLI

React

• Viject (⭐137) - One-shot migration tool from Create React App.

Projects Using Vite.js

Open Source

• VitePress (⭐13k) - Static Site Generator powered by Vite and Vue.
• Slidev (⭐34k) - Presentation Slides for Developers.
• Astro (⭐47k) - Modern Static Site Builder.
• Hathora (⭐554) - Multiplayer game framework.
• Nhost (⭐8k) - Nhost is an Open Source Firebase Alternative with GraphQL.
• Ladle (⭐2.6k) - Tool for developing and testing component stories powered by Vite and React.
• IslandJS (⭐460) - Static site generator base on islands architecture.
• Vituum (⭐330) - Wrapper around Vite with predefined config, integrations and template engines.
• Compiiile (⭐196) - Preview or host folders containing Markdown files with full-text search and presentation slides.
• Gracile (⭐28) - A meta-framework powered by Lit SSR.
• @lazarv/react-server (⭐129) - A React meta-framework.
• WXT (⭐4.8k) - Framework for building web extensions, with the same DX as Nuxt.
• Revili (⭐5) - A command and GUI integration tool.

Apps/Websites

• Icônes (⭐5.8k) - Icon explorer with instant search.
• Awesome CN Café (⭐104) - Web application for Awesome CN Café.
• Todo Example (⭐45) - Todo app with routing and state management.
• aitrack.work - A task-based time tracker for everyday use.
• macOS in Svelte (⭐2.3k) - macOS Desktop experience for Web in Svelte.
• vue3-realworld-example-app (⭐963) - Realworld app implementation using Vue 3 + TypeScript + Composition API.
• react-device-frameset (⭐79) - This is yet another device frameset component for React.
• Preview.js - An IDE extension to instantly preview React, Vue 2 and Vue 3 components.
• pointer-lock-movement (⭐22) - A pointer lock movement manager for customizing your own creative UI.
• vite-run (⭐65) - Multiple configuration execution support for vite, freely combining configurations like stacked blocks.
• Dataviz Explorer (⭐24) - A tool for large CSV, database, and real-time visualization with interactive plots using Highcharts, Chart.js, React, JavaScript, Material UI and GitHub Actions with Coverage Report.