awesome-vite
by vitejs
⚡️ A curated list of awesome things related to Vite.js
AI summary
Vite project templates
A curated collection of templates and resources for building Vite.js projects with various frameworks and tools.
- stars
- 14.7K
- forks
- 1.2K
- watching
- 110
- awesome lists
- 3
- entries
- 487
What's in the list
487 links in 35 sections, with live GitHub stats.activeno commit in 2y
Resources / Official Resources
Get Started
create-vite
Scaffolding Your First Vite Project
create-vitawind
Scaffolding for TailwindCSS project
create-electron-vite
Scaffolding Your Electron + Vite Project
create-vite-app
Scaffolding Your Out Of The Box Vite Project
create-nx-workspace
Scaffolding a Nx + React + Vite + Vitest
bati
Scaffolding a Vike project
create-awesome-node-app
Scaffolding your project choosing between different templates
Get Started / Templates
vite-vanilla-ts-lib-starter
Starter for library (CJS, ESM, IIFE) with TypeScript, ESLint, Stylelint, Prettier, Jest, Husky + lint-staged
vite-tailwind-nojs-starter
NoJS Tailwind CSS starter template
vite-tailwind-stimulus-starter
Starter template for Tailwind CSS and Stimulus controllers
vite-phaser-ts
Starter template with Phaser and Typescript
vite-tinybase
Starter template for TinyBase
vite-tinybase-ts
Starter template for TinyBase and TypeScript
vite-vanilla-js-template
Starter template ESlint, Prettier, PostCSS, Nesting, Autoprefixer, CSS Nano, CSS Reset
vite-starter-markup-template
Starter template for Markup
create-domco
Starter template for domco
vite-vanilla-library-template
Starter template TypeScript, ESLint, Vitest, Husky, Conventional Commits, GitHub actions
vite-alpine-template
Starter template for Alpine
vite-ts-lib-starter
Starter template for libraries with TypeScript, Bun, Vitest, Prettier, Renovate and np
vite-swagger-ui
Swagger UI with built-in support for multiple APIs
Vitesse
Opinionated starter template
vite-ts-tailwind-starter
TypeScript, Tailwind CSS, Cypress.io e2e tests + CI
vue-vben-admin
Background management template based on Vue3, Ant-Design-Vue, TypeScript
vue-pure-admin
Background management template based on Vue3, TypeScript, Tailwind CSS, element-plus
fast-crud
Options-oriented crud framework, developing crud as fast as lightning
vitesse-lite
Lightweight version of Vitesse
vitesse-webext
WebExtension Vite Starter Template
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
boot-vue
Starter template with TypeScript + UnoCSS + DaisyUI + Vue Router + Pinia
Vue Naive
Admin template, base on Vue 3 + Pinia + Naive UI
vue-admin-box
Admin template, based on Vue 3 + Element-plus
vite-vue-proste
Pinia + Typescript + Vue-Router4 + Vitest + Vue-Test-Utils + Vue-Query + Sass + ESLint + Stylelint + Prettier +
vue-vite-ssr
Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint
vue3-vant-mobile
Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + TypeScript Mobile Template
vue-vite-tw-ts
Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router
vite-vue-js-starter-template
Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Prettier Simple Template
vue-xs-admin
Based on Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter
vulcan
The template for mobile application. Vite, Vue 3, TypeScript, Sass, i18n, Vitest&Cypress, Pinia, APIs&Mock, ESLint, Prettier, auto-importing
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
vue3-quick-start
Building an engineered Vue 3 project, integrated with + + + + + + + + + +
antd-vue3-admin
A starter template based on Vue3, Vite4, TS5 and Ant-Design-Vue4
vue-file-upload
A file management system built with and that allows for single and multiple file uploading with a preview feature
arco-admin
+ + follows standards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems
materio-free-vuetify-nuxtjs-admin-template
Vuejs 3, Vite 5, Vuetify 3 & NuxtJS 3
vite-plugin-vue-style-bundler
Auto bundle Vue/sfc styles into JavaScript
celeris-web
Template based on + + + + + + +
vite-ts-starter
Vue Dynamic Router Localization Template, Internationalized Applications with + + + + + + + + + + +
vite-vue2-windicss-starter
Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript
vite-vue2-ts-starter
Vue2 TypeScript starter template using vue-property-decorator, vue-router, Vuex
vite-vue2-ts-vuetify-starter
It is the above vite-vue2-ts-starter with Vuetify and its optimized settings. Includes basic templates
vitify-admin
Vuetify admin starter template with full TypeScript support and intellisense of Vuetify components
Vitamin
React TypeScript, TailwindCSS, SPA + PWA, Cypress and CI
vite-template-react
A Create React App-like template
vitejs-template-react-rescript
React + ReScript
template-vite-react
A minimal React Vite starter template
reactjs-vite-tailwindcss-boilerplate
React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier
vite-react-ts-tailwind-firebase-starter
Starter using Vite + React + TypeScript + Tailwind CSS (daisyUI) + Firebase (v9) + Prettier + ESLint
create-react-app-vite
React, TypeScript, TailwindCSS, MSW, Vitest, React Testing Library, ESLint, Prettier, GitHub Actions
chrome-extension-boilerplate-react-vite
React + TypeScript + SASS + Prettier + ESLint + GitHub Actions + HMR(Hot Module Reload) + Turborepo + Chrome Extension Manifest v3
vite-rtk-query
React, TypeScript, Redux Toolkit, RTK Query, TailwindCSS, MSW, Jest, React Testing Library, ESLint, Prettier
vite-react-proste
React + TypeScript + + Recoil + SASS + Testing Library + + ESLint + Stylelint + Prettier
React-PWA
React v18, TypeScript, Vite, React Router v6, MUI v5, Recoil, PWA, Eslint, Prettier, Husky, lint-staged, https localhost and more
react-vite-ssr
Mobx, Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint
Viterts
React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS
ViteRC
React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + Absolute imports + Commit linting
React Starter Kit
Jamstack, React, React Router, Material UI, Firebase Auth, TypeScript, ESLint, Prettier, Jest, GitHub Actions
vite-mern-template
React 18 + TypeScript + Vite + Redux Toolkit + ESLint + React Router DOM + Axios + React Icons + React Toastify + Express + Mongoose
Varsarr
React, Typescript, Styled-Components, Recoil, React-Query, Axios, Absolute imports
viterjs-template
React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier
react-vite-ts-boilerplate
React 18, TypeScript, SCSS, ESLint, Prettier, Vitest
vite-react-universal-template
React18 + TypeScript + + Zustand + ESlint + Prettier + Stylelint + Husky + Docker, and APIs auto importing
react-vite-template
A react project template
react-xs-admin
The background management system template developed based on React18 + ReactRouteV6 + Vite + And Design + ReactIntl + ReactRedux + Emulation
vite-mui-ts
React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier
template-vite-react-ts-tailwind
React + TypeScript + Tailwind CSS + Eslint + Prettier
vite-react-ts-template
React 18, TypeScript, ESlint, Prettier, Dev Container, Vitest, Storybook, Playwright, MSW, React Router 6, React Query, Chakra UI, Zustand
react-vite-tailwindcss-template
React, JavaScript, TailwindCSS, ESlint, Prettier, Pre-commit
vite-tinybase-react
Starter template for TinyBase and React
vite-tinybase-ts-react
Starter template for TinyBase, TypeScript, and React
vite-react-ssr-boost-template
Template for creating SSR/SPA apps with , , , , Suspense, Streaming. Also included CI/CD, , , , ,
vite-react-ts-shadcn-starter
Template for creating SPA apps with , , , , , , , , , ,
template-tauri-vite-react-ts-tailwind
Template for Tauri + React + Typescript + TailwindCSS + Prettier + ESLint build-in
vite-react-chakra-starter
Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky
vite-react-tailwind-starter
Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky
monorepo-template-react
React + Typescript template for SSR, SPG, SPA and API provision
vite-react-dapp-template
Starter template for decentralized app frontend development with preconfigured Wallet Authentication, i18n and UI features
vite-express-ssr-ts
React + Typescript + ExpressJS + Vite SSR template with inbuild api feature
vite-react-flow-template
React Flow starter template
react-vite-template
React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged
gravity-ui-vite-template
Template with Gravity UI ecosystem (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged)
vite-react-component-library-starter
A starter template for creating React component libraries with , , , , , , , and
vite-template-awesome-soho
Template for creating , , , , , , , ,
react-component-library-vite
A library template for with , , , , ,
ReTail
Starter template for building Full Stack WEB applications with using , , and
vite-react-redux-saga-typescript
Starter template with , , , , , , and
vite-complete-react-app
Starter template for building web applications using , , , , , , , , and
vite-react-framer-starter
Starter template with , , , , , and
vite-jsx-remove-attributes
Remove the (configurable) from production builds
React Tanning
Starter template with
Reactive
starter template with file-based routing convention for , , , , and ton of features
RVTGB
+ starter template, with file-based routing with and
vite-biome-tailwind-template
React, Typescript, Biome, Tailwind CSS
React Dapp Starter
Enterprise-ready Web3 DApp starter with , , , , , , and for scalable decentralized applications
vite-amplify
Template with SSR + Express APIs + AWS Amplify Hosting
react-component-library-template
A library template for with , , , , , ,
react-boilerplate
Template for bootstrapping with + +
react-admin-dashboard
Dashboard template with , , , , ,
SvelteKit
The fastest way to build Svelte apps
svelte-vite-ssr
Svelte with SSR support
template-vite-svelte-ts-tailwind
Svelte + TypeScript + Tailwind CSS + Prettier
vite-svelte-flow-template
Svelte Flow starter template
vitesse-solid
Opinionated Vite + SolidJS Starter Template. Includes TypeScript, ESLint, Prettier, UnoCSS, HopeUI and more
vitesse-lite-solid
Lightweight Vite Starter Template for SolidJS
electron-vite-vue
Electron + Vite + Vue template
electron-vite-react
Electron + Vite + React template
electron-vite-boilerplate
Support SerialPort, SQLite3 and node C/C++ addons
electron-vite-template
Electron 13, Vue 3 and TypeScript. Make your desktop development easier
fast-vite-electron
Vue3 + Vite + Electron with esbuild
fast-vite-nestjs-electron
Vue3 + Vite + Electron + Nestjs with esbuild
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
vite-reactts-electron-starter
React, Tailwind CSS, TypeScript and Electron
electron-vue-template
Electron template with TypeScript, including Electron Builder
Vitron
Build beautiful (win, linux, mac) desktop apps for modern web projects with vite and electron
Vutron
Electron + Vite + Vue 3 + Pinia (TypeScript) template
vite-electron-plugin
High-performance, esbuild-based Vite Electron plugin
vite-plugin-doubleshot
For building Node.js backend or Electron main process
Get Started / Tauri
HuLa
is a desktop instant messaging app built on + + + (not just instant messaging)
vite-react-neutralino-template
Neutralino + Vite + React template
vite-elm-template
A default template for building Elm applications
elm_vite_tailwind_template
Opinionated template for building Elm web apps using Tailwind CSS and Daisy UI
github-action-template
Starter template for GitHub Actions, Typescript, ESLint, Vitest, Husky, Conventional Commits
- 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
Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions and Chrome Extension Manifest v3
vite-vue3-chrome-extension-v3
Web extension starter template for Chrome, Firefox and Edge
Framework-agnostic Plugins
@vitejs/plugin-legacy
Legacy browser support
vite-plugin-pwa
Zero-config PWA
vite-plugin-windicss
Windi CSS integration
vite-plugin-node
Integration with Node.js backend servers
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
vite-plugin-checker
Fast run checkers (TypeScript/VLS/vue-tsc, etc.) in worker threads with overlay and terminal hint
vite-plugin-tauri
Integrate Tauri in a Vite project to build cross-platform apps
vite-plugin-federation
Support Module Federation, Inspired by Webpack Module Federation feature
vite-plugin-wasm-pack
Integration with rust , the simple way
vite-plugin-comlink
Use WebWorkers with the power of to make them enjoyable
vite-plugin-sass-dts
This is a plugin that automatically creates a type file when using the CSS module type-safely
vite-plugin-ali-oss
Upload the production files bundled in the project to Ali OSS, except for HTML
vite-plugin-webfont-dl
Downloads and injects webfonts (Google Fonts) to improve website's performance
vite-plugin-babel
Babel integration for both build and server to support f.ex. decorators or class fields in pure JS/JSX files
vite-plugin-electron
Integrate Vite and Electron
vite-plugin-optimizer
Manually Pre-Bundling
vite-plugin-babel-compiler
The plugin works with Babel compiler
vite-plugin-commonjs
A pure JavaScript implementation for CommonJs
vite-plugin-mpa-plus
More flexible MPA (multi-page application) supports html templates, path rewriting
vite-plugin-multi-pages
Multi Pages Support,can build src/pages anyPage,can set prefixName
vite-plugin-html-template-mpa
Multi Pages Common template support
vite-plugin-vconsole-mpa
Multi Pages Vconsole supports,simple config
vite-plugin-browser-sync
BrowserSync
vite-plugin-jspm
Resolves dependencies independently from CDN providers using import maps and es-module-shims
vite-plugin-env-switch
Switch project env and restart vite server without command line operation
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
vite-plugin-stylelint
Runs Stylelint synchronously/asynchronously
Vite-plugin-graphiql
Integration for GraphiQL IDE
vite-plugin-graphql-server
Bootstrap a local GraphQL server for testing and documentaion
unplugin-fonts
Load font from Typekit, Google Fonts, Fontsource or your own custom one
unplugin-config
Configuration file generator for web apps, allowing external customization of global variables without repackaging
vite-plugin-svg-spritemap
Generates a SVG spritemap from multiple .svg files
vite-plugin-dc
Integration with @dvgis/dc-sdk library
@spiriit/vite-plugin-svg-spritemap
Pack your SVG files in one spritemap file and use them with / and directly in your CSS
vite-plugin-auto-mpa-html
A file directory-based automated multi-page build plugin that supports HTML templates using EJS
vite-plugin-cloudflare-functions
Cloudflare pages function integration
@storybook/builder-vite
Storybook builder
@builder.io/partytown
Relocate resource intensive third-party scripts off of the main thread and into a web worker
vite-plugin-dynamic-proxy
Automatically configure reverse proxies based on URL parameters
unplugin-auto-export
Automates the maintenance of export statements in the index.ts file
remix-development-tools
Plugin for Remix.run development tools
vite-plugin-legacy-swc
Legacy browser support with SWC
vite-plugin-biome
Biome linter
vite-plugin-oxlint
Oxlint linter
@tomjs/vite-plugin-electron
Easily develop applications
@tomjs/vite-plugin-vscode
Easily use web frameworks to develop 's , and support and
vite-plugin-px-rem-vw
Integrate PostCSS plugin pxTorem and pxTovw
vite-plugin-mpg
Simple configuration of multi page applications
vite-plugin-pagefind
Integrate search
@mistjs/vite-plugin-px2viewport
A plugin that automatically converts inline styles and style files from px units to vw units
vite-multiple-assets
Add support for multiple public asset directories
vite-create-production-server-plugin
Spin up a production HTTP serve after build
vite-plugin-eslint2
Runs ESLint synchronously/asynchronously
vite-plugin-page-html
Multi-page generic template plugin, support template syntax. Similar to pages configuration
vite-plugin-vanilla
Vanilla multi-page web development mode
genaicode/vite-plugin
A plugin that embeds an AI coding assistant into the app UI
vite-plugin-year
Inserts the current year to the html file during build. Useful for adding a copyright year to the HTML file
unplugin-icons
Access thousands of icons as components
vite-imagetools
Load and transform images using url query parameters
vite-plugin-radar
All in one analytics loader (with 7+ providers supported)
vite-plugin-glsl
Import shader file chunks
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
vite-plugin-php
Load and process PHP-entry files instead of default index.html
vite-plugin-lqip
Generate low quality image placeholders (LQIP)
vite-plugin-ms-clarity
Inject the Microsoft Clarity script to
@cyco130/vite-plugin-mdx
Import MDX
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
vite-plugin-dir2json
Convert the directory structure into json data containing supported file paths
rollup-plugin-critical
Generate critical CSS
vite-plugin-dts
Generate declaration files from or source files for lib
vite-compression-plugin
Use Node.js stream compress file to gzip or more
vite-plugin-chunk-split
Automatically code splitting, support unbundle in production
vite-plugin-static-copy
Copy files and folders
vite-plugin-zip-file
Compress files or folders into zip
vite-plugin-zip-pack
Pack distribution/build folder into a zip file
vite-plugin-cp
Copy files after building bundles
unplugin-imagemin
High performance compressed Picture based on squoosh and sharp
vite-plugin-image-optimizer
Optimize (compress) your image assets using Sharp.js and SVGO at build time
vite-plugin-no-bundle
Generate unbundled code for use with native ESM or other bundlers
vite-plugin-css-injected-by-js
Takes the CSS and adds it to the page through the JS
unplugin-zip-pack
Zip your dist with filter function support
vite-plugin-singlefile
Inline all JavaScript and CSS resources directly into the final file
vite-plugin-node-polyfills
Polyfill Node's Core Modules for browser environments
vite-plugin-cdn2
Replace module with CDN
vite-plugin-bundle-prefetch
Inject prefetch assets into
vite-plugin-imagemin
Optimize and compress your image assets and optionally create WebP/AVIF
vite-plugin-lib-types
Generate DTS file while building library
vite-plugin-minipic
Efficient image compression tool
vite-plugin-robots
Generating
vite-plugin-bundle-obfuscator
JavaScript obfuscator
@yuanjianming/unplugin-image-convert
Image multi format conversion plugin based on sharp.js
vite-plugin-dynamic-chunk
Split dependencies between entry and dynamic entry, and merge small chunks
@yuanjianming/unplugin-compress-svga
Compress SVGA
@yuanjianming/unplugin-font-spider
A webfont compression plugin
vite-plugin-static-filehash
It can help the program improve the cache hit rate
vite-plugin-html
Plugin to minimize and use ejs template syntax in
vite-plugin-ts-nameof
Ability to resolve in TypeScript
vite-plugin-handlebars
Process HTML files with Handlebars
vite-plugin-virtual-html
Make Vite MPA consistent with
vite-plugin-content
Convert , , , , , and files to ES6 modules
vite-plugin-require
A Vite plugin that supports by code transforming
vite-plugin-global-style
Deal with global styles for CSS, SASS, LESS and Stylus
vite-plugin-pug-transformer
Pug template engine support
@import-meta-env/unplugin
Inject environment variables into the object after building the application instead of statically replacing it during production
@modyfi/vite-plugin-yaml
Transform YAML files to ESM with schema validation and error reporting
vite-plugin-html-inject
Split the into smaller reusable pieces
unplugin-inject-preload
Inject to your based on your build assets
@vituum/vite-plugin-handlebars
Handlebars template engine support, transforms templates to
@vituum/vite-plugin-pug
Pug template engine support, transforms templates to
@vituum/vite-plugin-nunjucks
Nunjucks template engine support, transforms templates to
@vituum/vite-plugin-liquid
Liquid template engine support, transforms templates to
@vituum/vite-plugin-twig
Twig template engine support, transforms templates to
@vituum/vite-plugin-latte
Latte template engine support, transforms templates to
@vituum/vite-plugin-posthtml
PostHTML support, transforms syntax to
@vituum/vite-plugin-juice
Juice support, transforms to inline styles in
vite-plugin-version-mark
Automatically use / / to be inserted into your project as a unique identifier for the project version
vite-plugin-css-export
Export variables from CSS to JavaScript, and support nested rules
vite-plugin-optimize-css-modules
Generate the smallest possible CSS-Classes when CSS-Modules are used
vite-plugin-generate-html
Define separate output files for JavaScript and CSS bundles
vite-plugin-turbo-console
Enhance the readability of
vite-plugin-html-injection
Inject HTML, JavaScript and CSS code snippets into the
vite-plugin-typescript-transform
Applies the TypeScript compiler during Vite's transform build phase
vite-plugin-public-typescript
Inject Typescript into
unplugin-generate-component-name
Automatically generate component's name
@laynezh/vite-plugin-lib-assets
Extracts resource files referenced in instead of embedded them as base64
css-media-splitter/vite-plugin
Extracts all At-rules into a dedicated files and download it only when matches the media query
@tomjs/vite-plugin-html
Support compression, loading, CDN and others for
@tomjs/vite-plugin-iconify
Inject the global variable into for , and support local area network and custom url
vite-plugin-icons-spritesheet
Generate a spritesheet and TypeScript types from SVG icons by listening to the icons folder changes
vite-plugin-abbrlink
Add the abbrlink attribute to the file in the specified directory
vite-plugin-native
Supports Node/Electron C/C++ native addons
@yoichiro/vite-plugin-handlebars
Import of Handlebars templates as ES Modules
vite-plugin-magic-preloader
Generate or tags through magic comments and inject them into
vite-plugin-replace-lodash
Replacing the import of with is more beneficial to tree-shaking
vite-tsconfig-paths
Support for TypeScript's path mapping
vite-aliases
Alias auto-generation based on project structure
vite-plugin-mkcert
Provide certificates https dev server
vite-plugin-vconsole
Help developers use vconsole to facilitate mobile development and debugging
vite-plugin-mock-server
Mock server plugin, support using TS and JS to write Mock API and HMR
vitawind
Install and Setting Tailwind CSS automatically
vite-plugin-restart
Restart the Vite server on file changes
vite-plugin-full-reload
Reload the browser on file changes
vite-plugin-tips
Provide better development server status tips on the page
vite-plugin-external
Provides a way of excluding dependencies from the runtime code and output bundles
unplugin-auto-import
On-demand API auto-importing
vite-plugin-inspect
Inspect the intermediate state of Vite plugins
vite-plugin-remove-console
A vite plugin that deletes console.log in the production environment
vite-plugin-dev-manifest
Generates during dev server, for backend integration with any language/framework
vite-plugin-watch-and-run
Watch some files (glob) and trigger a command. To enable any tool to have a watch mode
vite-plugin-dynamic-base
Resolve all resource files dynamic publicPath
vite-plugin-live-reload
Live reloading
vite-plugin-simple-vconsole
A debug console view inside your app to make mobile debugging easier, for both SPA and MPA
vite-plugin-qrcode
Show QR code on server start
vite-plugin-cem
Generates manifest for describing custom elements
vite-plugin-web-update-notification
Detect webpage updates and notify user to reload. support vite and umijs
vite-plugin-browserslist-useragent
Compile browserslist query to a RegExp to test browser useragent
vite-plugin-validate-env
Validate your environment variables at build time. Never forget an environment variable again
vite-plugin-mock-data
Provides a simple way to mock data
vite-plugin-reverse-proxy
Sometimes we have to redirect scripts on production environment to debug and solve problems, the plugin will transform the script to be served with the MIME type to MIME type
vite-plugin-conditional-compile
Conditional compilation syntax based on environment variables
vite-plugin-mock-dev-server
Mock server for development, support CJS/ESM/JSON, auto-importing file and HMR
vite-plugin-api
Generate route mapping for API Routes services from the directory tree
vite-plugin-shortcuts
Add additional customized shortcut key population
vite-plugin-entry-shaking
Mimic tree-shaking behaviour when importing code from an entry file in development mode
vite-plugin-auto-alias
Automatically generate alias based on path
vite-plugin-image-placeholder
Generate placeholder images by path matches
vite-plugin-find-image-duplicates
Find if there are duplicate images in your project when building it
@froxz/vite-plugin-s3
Allows you to upload files to S3
vite-plugin-global-const
Define constants for reuse of your code
vite-plugin-cli-copy
Start the project and automatically copy the terminal's network URL
vite-plugin-module-list
Automatically import the modules found in a specified folder
unplugin-info
Export build information as a virutal module
vite-plugin-auto-origin
Detect origin configuration automatically based on incoming requests to dev server
vite-plugin-deadfile
Find unused source files in the project
vite-bundle-analyzer
Utility that represents bundles as an interactive treemap
vite-font-extractor-plugin
Utility that minification bundle fonts by glyphs
vite-plugin-i18n-detector
Lazyload i18n locale resources
vite-plugin-ngrok
Integration with Ngrok, allowing you to easily share your local development server
vite-plugin-docker
Docker utility based on Dockerode
vite-plugin-api-routes
Generate route mapping for API Routes services from the directory tree
unplugin-detect-duplicated-deps
Detect duplicate packaged dependencies
vite-plugin-pretty-module-classnames
Adds the filename without the suffix to the class names of CSS modules
vite-plugin-serve-static
Allows serving arbitrary static files not in the directory
vite-plugin-valibot-env
Validate environment variables against a Valibot schema
vite-plugin-vitest-cache
Optimize execution time through caching
vite-preload
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
Generate info for
vitest
A Vite-native test framework
vitest-mock-extended
Type safe mocking extensions for Vitest
cypress-vite
Run Cypress specs using Vite
vite-plugin-doctest
Documentation testing for Vitest
@poyro/vitest
Test LLM integrations using Vitest
vite-plugin-csp-guard
Lets you configure a Content Security Policy to your project, supports all directives and hashing
Vue
@vitejs/plugin-vue
Official Vue 3 support
@vitejs/plugin-vue-jsx
Official Vue 3 JSX support
@vitejs/plugin-vue2
Official Vue 2 support
@vitejs/plugin-vue2-jsx
Official Vue 2 JSX support
vite-plugin-vue2
Vue 2 integration
unplugin-vue2-script-setup
Enabling syntax for Vue 2
vite-plugin-pages
File system based route generator
v-route-generate
A tool to generate routes
unplugin-vue-router
Official experimental file based routing
vite-plugin-vue-routes
File-based routing, similar to SvelteKit and Next.js App Router
vite-plugin-md
Markdown as Vue components / Vue components in Markdown
vite-svg-loader
Load SVG files as Vue components
vite-plugin-vue2-svg
Load SVG files as Vue components
unplugin-svg-component
Load SVG files as a Vue component, supporting svg file HMR and Typescript intelligence prompt
vite-plugin-markdown-mermaid
Load Markdown files, with Mermaid rendering support
vite-plugin-style-vw-loader
Converting the inline style px to vw
vite-ssg
Server-side generation
unplugin-vue-i18n
Integration for Vue I18n
vite-plugin-i18n-resources
Load i18n translation message files
vite-plugin-i18n-autoimport
Auto import i18n config file for components
vite-plugin-md-preview
Markdown code preview
vite-plugin-vue-preview
Code preview for Vue SFC in Markdown, supports online editing
vite-plugin-vue-css-modules
Implicit usage of CSS Modules for template and script SFC tags with static replacement
unplugin-vue-components
On-demand components auto-importing
vite-plugin-vue-gql
GraphQL Tags for your Vue SFC
vite-plugin-vue2-suffix
Compatible without '.vue' suffix
vite-plugin-vue-inspector
Jump to local IDE source code while click the element of browser
vite-plugin-vue-static-sfc
Serve ".vue" files as static assets
vite-plugin-vue-devtools
Designed to enhance the Vue developer experience
vite-plugin-vue-nested-sfc
Nest SFCs inside your SFC
React
@vitejs/plugin-react
Official React support that uses Babel
@vitejs/plugin-react-swc
Official React support that uses SWC
generouted
Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more
unplugin-remix-router
Generates a React Router file, that depends on Remix v2 file-based router convention
vite-plugin-remix-flat-routes
Remix-flat-routes convention-based routing, compatible with react-router data-api routing
vite-plugin-svgr
Transform SVGs into React components
vite-plugin-react-rich-svg
Seamless SVG loader with versatile import options; such as DataURI, SVGR Component and Raw HTML Code
@stylin/vite-plugin
Transform CSS and SCSS modules into React components
vite-plugin-react-pages
A Vite framework for building React app
vite-plugin-react-click-to-component
Uses Vite's launch middleware to enable alt+click to go to component
vite-react-ssg
Static-site generation for React
Preact
@preact/preset-vite
Preact preset. HMR, automatic Preact inject, removal of DevTools in prod
Svelte
vite-plugin-svelte
Adds Svelte support. Official plugin of Svelte team
vite-plugin-kit-routes
Generates a file with all the routes, params, actions of your SvelteKit App
Solid
vite-plugin-solid
Provides JSX transformation for Solid
vite-plugin-solid-svg
Import SVG files as Solid.js Components
generouted
Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more
Elm
vite-plugin-elm
A plugin that enables you to compile an Elm module
Fastify
vite-plugin-fastify
Fastify plugin for Vite with Hot-module Replacement
vite-plugin-fastify-routes
File-based routing, similar to SvelteKit and Next.js App Router
Electron
electron-vite
An Electron CLI integrated with Vite
Rollup Plugins
- Vite Rollup Plugins
Compatibility list for official rollup plugins
@rollup/plugin-alias
Define and resolve aliases for bundle dependencies
@rollup/plugin-commonjs
Convert CommonJS modules to ES6
@rollup/plugin-dynamic-import-vars
Resolving dynamic imports that contain variables
@rollup/plugin-json
Convert files to ES6 modules
@rollup/plugin-babel
Compile your files with Babel
@rollup/plugin-buble
Compile ES2015 with buble
@rollup/plugin-data-uri
Import modules from Data URIs
@rollup/plugin-html
Create HTML files to serve Rollup bundles
@rollup/plugin-node-resolve
Locate and bundle third-party dependencies in node_modules
@rollup/plugin-sucrase
Compile TypeScript, Flow, JSX, etc with Sucrase
@rollup/plugin-typescript
Integration between Rollup and TypeScript
@rollup/plugin-wasm
Import WebAssembly code with Rollup
@rollup/plugin-url
Import files as data-URIs or ES Modules
@rollup/plugin-beep
System beeps on errors and warnings
@rollup/plugin-dsv
Convert and files into JavaScript modules with d3-dsv
@rollup/plugin-eslint
Verify entry point and all imported files with ESLint
@rollup/plugin-graphql
Convert .gql/.graphql files to ES6 modules
@rollup/plugin-image
Import JPG, PNG, GIF, SVG, and WebP files (needs )
@rollup/plugin-inject
Scan modules for global variables and injects import statements where necessary
@rollup/plugin-legacy
Add export declarations to legacy non-module scripts
@rollup/plugin-replace
Replace strings in files while bundling
@rollup/plugin-strip
Remove debugger statements and functions from your code
@rollup/plugin-virtual
A Rollup plugin that loads virtual modules from memory
@rollup/plugin-yaml
Convert YAML files to ES6 modules
rollup-plugin-graphql-codegen
Generating type definitions for GraphQL tag template strings in worker_threads
rollup-plugin-i18next-dts-gen
Generating type definitions from i18n JSON files are used for code hinting and validation
Awesome Rollup list
Check the for community-maintained rollup plugins, and refer to the Vite docs section about
SSR / Libraries
Vike
Like Nuxt/Next.js but as a do-one-thing-do-it-well plugin
ssr
A Server Side Rendering framework combined with Webpack/Vite
vavite
A tool for developing and building server-side applications with live reloading capabilities
vue-ssr
Minimalistic wrapper to develop and run SSR powered Vue apps
vite-ssr-boost
Server side rendering library for create awesome app based on
SSRx
A thin layer on top of Vite to build modern SSR apps with a delightful DX
Vinxi
The Full Stack JavaScript SDK. Allows adding SSR to a Vite app
domco
Minimal full-stack JavaScript. Turns a Vite app into a full-stack application with minimal dependencies
SSR / Frameworks
Rakkas
React framework inspired by Next.js and SvelteKit
Vise
SSR framework with server hooks
@fastify/fastify-dx
Allowing you to serve static or live (SSR)
vite-plugin-vercel
Vercel adapter
vite-vlugin-vercel-skew-protection
Helps configure Vercel Skew Protection
Integrations with Backends / Craft CMS
Craft Vite
Plugin for integration with Craft CMS
Integrations with Backends / Django
django-vite
Integration for Django applications
django-vite-plugin
Integration for Django applications including vite plugin
Integrations with Backends / Flask
- Flask-Vite
Integration with Flask
Integrations with Backends / Ruby on Rails
vite-plugin-ruby
Configuration for Ruby backends
Vite Ruby
Integration for Rails, Hanami, Padrino, and Rack apps
Integrations with Backends / Laravel
Laravel Vite
Integration for the Laravel framework
Laravel Vite Plugin
Laravel official plugin for Vite
Integrations with Backends / CakePHP
cakephp-vite
Integration for CakePHP
Integrations with Backends / WordPress
wordpress-vite-assets
Integration for WordPress themes
Kima
Starter theme with Twig
WordPlate
Starter app with Composer
Integrations with Backends / TYPO3 CMS
vite-plugin-typo3
Frontend integration for TYPO3 CMS
vite-asset-collector for TYPO3
Backend integration for TYPO3 CMS
Integrations with Backends / Go
vite
Integration with Go
Integrations with Backends / Rust
create-rust-app
Integration for Rust web apps
Integrations with Backends / Symfony
Vite Bundle
Integration for Symfony
Integrations with Backends / Shopify
vite-plugin-shopify
Integration for Shopify themes
Integrations with Backends / Node.js
vite-express
Integration for Express web apps
vite-manifest-parser
Parses manifest.json to generate HTML script and link tags
Integrations with Backends / ASP.NET Core
Vite.AspNetCore
Integration with ASP.NET Core projects
Integrations with Backends / Drupal
- Vite module
Backend integration for Drupal
vite-plugin-twig-drupal
Support for Twig with includes/embeds and Drupal specific twig features
Integrations with Backends / PHP
PHP-Vite
Integration for PHP, Composer package, no framework dependencies
PHP-Vite Starter Repo
Starter repository, with TypeScript/JavaScript, Tailwind CSS, SASS/SCSS, EJS, SVG and image support
php-vitelinker
A CLI tool that generates includable PHP files after building bundles
Migrations / React
Viject
One-shot migration tool from Create React App
Projects Using Vite.js / Open Source
VitePress
Static Site Generator powered by Vite and Vue
Slidev
Presentation Slides for Developers
Astro
Modern Static Site Builder
Hathora
Multiplayer game framework
Nhost
Nhost is an Open Source Firebase Alternative with GraphQL
Ladle
Tool for developing and testing component stories powered by Vite and React
IslandJS
Static site generator base on islands architecture
Vituum
Wrapper around Vite with predefined config, integrations and template engines
Compiiile
Preview or host folders containing Markdown files with full-text search and presentation slides
Gracile
A meta-framework powered by Lit SSR
@lazarv/react-server
A React meta-framework
WXT
Framework for building web extensions, with the same DX as Nuxt
Revili
A command and GUI integration tool
Projects Using Vite.js / Apps/Websites
Icônes
Icon explorer with instant search
Awesome CN Café
Web application for Awesome CN Café
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
vue3-realworld-example-app
Realworld app implementation using Vue 3 + TypeScript + Composition API
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
pointer-lock-movement
A pointer lock movement manager for customizing your own creative UI
vite-run
Multiple configuration execution support for vite, freely combining configurations like stacked blocks
Dataviz Explorer
A tool for large CSV, database, and real-time visualization with interactive plots using , , , , and
Nothing in this list matches your filter.
Featured in 3 awesome lists
Each link jumps to the spot where the list mentions awesome-vite.