vite-react-jsx - React 17's automatic JSX runtime for your entire bundle.
vite-plugin-spritesmith - Converts a set of images into a spritesheet and SASS/LESS/Stylus mixins.
vite-plugin-host - Allow you to use the custom domain for development.
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.
@import-meta-env/unplugin - Inject environment variables into the import.meta.env object after building the application instead of statically replacing it during production.
vite-plugin-load-css-module - Support custom regexp of css modules and use vite internal css plugin, not just .module.xxx.
vitejs/awesome-vite
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-left corner to explore the list.
Resources
Official Resources
Get Started
create-vite
, but with PWA support out-of-the-box.Templates
Vanilla
Vue 3
prettier-plugin-tailwindcss
build-in.prettier-plugin-tailwindcss
build-in.Vite
+Vue3
+TypeScript
+Vue-Router4
+Pinia
+Unocss
+Ant-design-vue
+Auto imports
.project presets
.Vue 2
React
react-router-dom
+react-icons
+ Prop-Types + Tailwind CSS with JIT.prettier-plugin-tailwindcss
build-in.prettier-plugin-tailwindcss
build-in.react-router-dom
+ Recoil + SASS + Testing Library +react-query
+ ESLint + Stylelint + Prettier.Svelte
Elm
Mithril
Others
Plugins
Framework-agnostic Plugins
Integrations
Loaders
Bundling
.ts
or.vue
source files for lib.Transformers
index.html
.html-webpack-plugin
for Webpack.@vue/cli
.require.context
.yaml
,xml
,ini
,toml
,csv
,plist
andproperties
files to ES6 modules.require
by code transforming..module.xxx
.stache
files and template strings.import.meta.env
object after building the application instead of statically replacing it during production..module.xxx
.UnoCSS
inuni-app
.Helpers
.d.ts
modules for libraries.__webpack_public_path__
.proxy
andh2
options at the same time.manifest.dev.json
during dev server, for backend integration with any language/framework.Testing
Vue
In this section, we use badges to indicate the targeted Vue version for each plugin.
Integrations
<script setup>
syntax for Vue 2.Routing
Loaders
SSG
Ecosystem
Helpers
React
Official
Presets
Loaders
Transformers
Framework
Svelte
Integrations
Solid
Integrations
Elm
Integrations
Angular
Integrations
Electron
Integrations
Presets
Rollup Plugins
Included in Vite
.json
files to ES6 modules.Covered by default in Vite
Compatible with Vite
.csv
and.tsv
files into JavaScript modules with d3-dsv.enforce: 'pre'
).Community
SSR
Libraries
Frameworks
Integrations with Backends
Adobe Experience Manager
Craft CMS
Docker
Django
Ruby on Rails
Laravel
CakePHP
WinterCMS
WordPress
Go
Rust
Migrations
Vue CLI
React
Projects Using Vite.js
Open Source
Apps/Websites