A curated list of awesome things related to 65422⭐
5815🍴
Vite.js
Use the "Table of Contents" menu on the top-right corner to explore the list.
- 🌎 Documentation
65422⭐
5815🍴
GitHub Repo)65422⭐
5815🍴
Release Notes)- 🌎 Vue 3 Docs
71250⭐
9437🍴
Awesome Vue)- 🌎 Migration from v4
65422⭐
5815🍴
create-vite) - Scaffolding Your First Vite Project.148⭐
26🍴
create-vitawind) - Scaffolding for TailwindCSS project.157⭐
16🍴
create-electron-vite) - Scaffolding Your Electron + Vite Project.215⭐
27🍴
create-vite-app) - Scaffolding Your Out Of The Box Vite Project.22403⭐
2230🍴
create-nx-workspace) - Scaffolding a Nx + React + Vite + Vitest.179⭐
11🍴
bati) - Scaffolding a Vike project.58⭐
1🍴
create-awesome-node-app) - Scaffolding your project choosing between different templates.
259⭐
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.25⭐
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.
8630⭐
922🍴
Vitesse) - Opinionated starter template.400⭐
69🍴
vite-ts-tailwind-starter) - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI.22542⭐
6181🍴
vue-vben-admin) - Background management template based on Vue3, Ant-Design-Vue, TypeScript.14578⭐
2792🍴
vue-pure-admin) - Background management template based on Vue3, TypeScript, Tailwind CSS, element-plus.784⭐
78🍴
fast-crud) - Options-oriented crud framework, developing crud as fast as lightning.1052⭐
199🍴
vitesse-lite) - Lightweight version of Vitesse.2682⭐
198🍴
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.2746⭐
405🍴
Vue Naive) - Admin template, base on Vue 3 + Pinia + Naive UI.1670⭐
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.833⭐
172🍴
vue3-vant-mobile) - Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + TypeScript Mobile Template.12⭐
2🍴
vue-vite-tw-ts) - Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router.131⭐
41🍴
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.613⭐
109🍴
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.14⭐
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 withVue3
andTypeScript
that allows for single and multiple file uploading with a preview feature.72⭐
8🍴
arco-admin) -Vite
+ArcoDesign
+TypeScript
followsESM
standards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems.36⭐
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.339⭐
52🍴
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.129⭐
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.150⭐
22🍴
template-vite-react) - A minimal React Vite starter template.456⭐
90🍴
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.1747⭐
266🍴
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.529⭐
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.47⭐
12🍴
ViteRC) - React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + Absolute imports + Commit linting.22557⭐
4141🍴
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.23⭐
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.42⭐
10🍴
vite-mui-ts) - React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier.30⭐
9🍴
template-vite-react-ts-tailwind) - React + TypeScript + Tailwind CSS + Eslint + Prettier.69⭐
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 18
SSR/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 18
SPA 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.22⭐
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.57⭐
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.18⭐
6🍴
vite-express-ssr-ts) - React + Typescript + ExpressJS + Vite SSR template with inbuild api feature.20⭐
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).23⭐
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) -DevContainer
Template 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 withRemix
usingTypeScript
,Tailwind CSS
,Prettier
andESLint
.2⭐
1🍴
vite-react-redux-saga-typescript) - Starter template withReact
,TypeScript
,Redux (Redux Toolkit)
,Saga
,React Testing Library
,ESLint
,Prettier
andHusky
.3⭐
0🍴
vite-complete-react-app) - Starter template for building web applications usingReact
,TypeScript
,Redux Toolkit
,React Router
,Axios
,Sass
,Moment
,ESLint
,Prettier
andReact Testing Library
.2⭐
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⭐
1🍴
React Tanning) - Starter template withReact + Vite + TypeScript + TanStack + Tailwind
.2⭐
0🍴
Reactive) -React
starter template withRemix
file-based routing convention forreact-router
,UnoCSS
,LinguiJs
,zustand
, and ton of features.
17895⭐
1795🍴
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.
59⭐
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.
3894⭐
522🍴
electron-vite-vue) - Electron + Vite + Vue template.1685⭐
203🍴
electron-vite-react) - Electron + Vite + React template.203⭐
28🍴
electron-vite-boilerplate) - Support SerialPort, SQLite3 and node C/C++ addons.375⭐
106🍴
electron-vite-template) - Electron 13, Vue 3 and TypeScript. Make your desktop development easier.161⭐
18🍴
fast-vite-electron) - Vue3 + Vite + Electron with esbuild.264⭐
27🍴
fast-vite-nestjs-electron) - Vue3 + Vite + Electron + Nestjs with esbuild.127⭐
16🍴
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.289⭐
89🍴
vite-reactts-electron-starter) - React, Tailwind CSS, TypeScript and Electron.515⭐
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.211⭐
17🍴
Vutron) - Electron + Vite + Vue 3 + Pinia (TypeScript) template.52⭐
7🍴
vite-electron-plugin) - High-performance, esbuild-based Vite Electron plugin.104⭐
8🍴
vite-plugin-doubleshot) - For building Node.js backend or Electron main process.
0⭐
0🍴
vite-react-neutralino-template) - Neutralino + Vite + React template.
121⭐
14🍴
vite-elm-template) - A default template for building Elm applications.36⭐
2🍴
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.339⭐
44🍴
vite-vue3-chrome-extension-v3) - Web extension starter template for Chrome, Firefox and Edge.
65422⭐
5815🍴
@vitejs/plugin-legacy) - Legacy browser support.2843⭐
192🍴
vite-plugin-pwa) - Zero-config PWA.851⭐
66🍴
vite-plugin-windicss) - Windi CSS integration.954⭐
44🍴
vite-plugin-node) - Integration with Node.js backend servers.211⭐
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.
895⭐
76🍴
vite-plugin-checker) - Fast run checkers (TypeScript/VLS/vue-tsc, etc.) in worker threads with overlay and terminal hint.149⭐
4🍴
vite-plugin-tauri) - Integrate Tauri in a Vite project to build cross-platform apps.2083⭐
219🍴
vite-plugin-federation) - Support Module Federation, Inspired by Webpack Module Federation feature.215⭐
26🍴
vite-plugin-wasm-pack) - Integration with rust6012⭐
399🍴
wasm-pack), the simple way.152⭐
15🍴
vite-plugin-comlink) - Use WebWorkers with the power of10907⭐
378🍴
Comlink) to make them enjoyable.112⭐
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.265⭐
10🍴
vite-plugin-webfont-dl) - Downloads and injects webfonts (Google Fonts) to improve website's performance.50⭐
13🍴
vite-plugin-babel) - Babel integration for both build and server to support f.ex. decorators or class fields in pure JS/JSX files.605⭐
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.21⭐
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.53⭐
3🍴
vite-plugin-browser-sync) - BrowserSync.58⭐
8🍴
vite-plugin-jspm) - Resolves dependencies independently from CDN providers using import maps and es-module-shims.7⭐
1🍴
vite-plugin-env-switch) - Switch project env and restart vite server without command line operation.92⭐
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.28⭐
1🍴
vite-plugin-svg-spritemap) - Generates a SVG spritemap from multiple .svg files.3⭐
4🍴
vite-plugin-dc) - Integration with @dvgis/dc-sdk library.39⭐
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.6⭐
0🍴
vite-plugin-auto-mpa-html) - A file directory-based automated multi-page build plugin that supports HTML templates using EJS.41⭐
6🍴
vite-plugin-cloudflare-functions) - Cloudflare pages function integration.83128⭐
9064🍴
@storybook/builder-vite) - Storybook builder.12756⭐
416🍴
@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.634⭐
28🍴
remix-development-tools) - Plugin for Remix.run development tools.43⭐
1🍴
vite-plugin-legacy-swc) - Legacy browser support with SWC.21⭐
3🍴
vite-plugin-biome) - Biome linter.15⭐
0🍴
vite-plugin-oxlint) - Oxlint linter.2⭐
0🍴
@tomjs/vite-plugin-electron) - Easily developElectron
applications.14⭐
1🍴
@tomjs/vite-plugin-vscode) - Easily use web frameworks to developVSCode Extension
'sWebview
, and supportHMR
andDebug
.6⭐
0🍴
vite-plugin-px-rem-vw) - Integrate PostCSS plugin pxTorem and pxTovw.0⭐
0🍴
vite-plugin-mpg) - Simple configuration of multi page applications.10⭐
1🍴
vite-plugin-pagefind) - Integratepagefind
search.
3595⭐
130🍴
unplugin-icons) - Access thousands of icons as components.876⭐
54🍴
vite-imagetools) - Load and transform images using url query parameters.117⭐
12🍴
vite-plugin-radar) - All in one analytics loader (with 7+ providers supported).294⭐
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.16⭐
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
.10⭐
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.6⭐
0🍴
vite-plugin-dir2json) - Convert the directory structure into json data containing supported file paths.
89⭐
10🍴
rollup-plugin-critical) - Generate critical CSS.1110⭐
74🍴
vite-plugin-dts) - Generate declaration files from.ts
or.vue
source files for lib.131⭐
7🍴
vite-compression-plugin) - Use Node.js stream compress file to gzip or more.308⭐
21🍴
vite-plugin-chunk-split) - Automatically code splitting, support unbundle in production.240⭐
26🍴
vite-plugin-static-copy) - Copy files and folders.14⭐
3🍴
vite-plugin-zip-file) - Compress files or folders into zip.26⭐
6🍴
vite-plugin-zip-pack) - Pack distribution/build folder into a zip file.62⭐
5🍴
vite-plugin-cp) - Copy files after building bundles.169⭐
17🍴
unplugin-imagemin) - High performance compressed Picture based on squoosh and sharp.263⭐
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.369⭐
24🍴
vite-plugin-css-injected-by-js) - Takes the CSS and adds it to the page through the JS.2⭐
0🍴
unplugin-zip-pack) - Zip your dist with filter function support.729⭐
46🍴
vite-plugin-singlefile) - Inline all JavaScript and CSS resources directly into the finaldist/index.html
file.246⭐
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.26⭐
3🍴
vite-plugin-minipic) - Efficient image compression tool.4⭐
0🍴
vite-plugin-robots) - Generatingrobots.txt
.
543⭐
92🍴
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.167⭐
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
,plist
andproperties
files to ES6 modules.59⭐
6🍴
vite-plugin-require) - A Vite plugin that supportsrequire
by 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.186⭐
14🍴
@import-meta-env/unplugin) - Inject environment variables into theimport.meta.env
object after building the application instead of statically replacing it during production.60⭐
17🍴
@modyfi/vite-plugin-yaml) - Transform YAML files to ESM with schema validation and error reporting.50⭐
3🍴
vite-plugin-html-inject) - Split theindex.html
into smaller reusable pieces.14⭐
2🍴
unplugin-inject-preload) - Inject<link rel="preload">
to yourindex.html
based on your build assets.5⭐
2🍴
@vituum/vite-plugin-handlebars) - Handlebars template engine support, transforms.hbs
templates to.html
.4⭐
0🍴
@vituum/vite-plugin-pug) - Pug template engine support, transforms.pug
templates to.html
.9⭐
3🍴
@vituum/vite-plugin-nunjucks) - Nunjucks template engine support, transforms.njk
templates to.html
.8⭐
1🍴
@vituum/vite-plugin-liquid) - Liquid template engine support, transforms.liquid
templates to.html
.15⭐
1🍴
@vituum/vite-plugin-twig) - Twig template engine support, transforms.twig
templates to.html
.1⭐
0🍴
@vituum/vite-plugin-latte) - Latte template engine support, transforms.latte
templates to.html
.8⭐
0🍴
@vituum/vite-plugin-posthtml) - PostHTML support, transforms syntax to.html
.3⭐
1🍴
@vituum/vite-plugin-juice) - Juice support, transforms.css
to inline styles in.html
.43⭐
4🍴
vite-plugin-version-mark) - Automatically usepackage version
/git commit
/custom
to 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.25⭐
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.296⭐
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⭐
2🍴
unplugin-generate-component-name) - Automatically generate component's name.65⭐
8🍴
@laynezh/vite-plugin-lib-assets) - Extracts resource files referenced inlibrary mode
instead of embedded them as base64.29⭐
2🍴
css-media-splitter/vite-plugin) - Extracts all@media
At-rules into a dedicated.css
files 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 variableIconifyProviders
intoindex.html
foriconify
, and support local area network and custom url.53⭐
1🍴
vite-plugin-icons-spritesheet) - Generate a spritesheet and TypeScript types from SVG icons by listening to the icons folder changes.
1198⭐
43🍴
vite-tsconfig-paths) - Support for TypeScript's path mapping.201⭐
12🍴
vite-aliases) - Alias auto-generation based on project structure.525⭐
36🍴
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.125⭐
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.3024⭐
191🍴
unplugin-auto-import) - On-demand API auto-importing.1152⭐
65🍴
vite-plugin-inspect) - Inspect the intermediate state of Vite plugins.140⭐
9🍴
vite-plugin-remove-console) - A vite plugin that deletes console.log in the production environment.18⭐
8🍴
vite-plugin-dev-manifest) - Generatesmanifest.dev.json
during dev server, for backend integration with any language/framework.379⭐
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⭐
3🍴
vite-plugin-qrcode) - Show QR code on server start.26⭐
5🍴
vite-plugin-cem) - Generatescustom-elements.json
manifest for describing custom elements.416⭐
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.151⭐
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/javascript
MIME type tomodule
MIME type.59⭐
6🍴
vite-plugin-conditional-compile) - Conditional compilation syntax based on environment variables.131⭐
10🍴
vite-plugin-mock-dev-server) - Mock server for development, support CJS/ESM/JSON, auto-importing file and HMR.26⭐
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.91⭐
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.25⭐
0🍴
@froxz/vite-plugin-s3) - Allows you to upload files to S3.73⭐
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.75⭐
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⭐
3🍴
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.26⭐
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 generatessidebar
andnav
configurations by scanning directories, based on VitePress.4⭐
1🍴
vite-plugin-pretty-module-classnames) - Adds the filename without the-module
suffix to the class names of CSS modules.5⭐
0🍴
vite-plugin-serve-static) - Allows serving arbitrary static files not in thepublic/
directory.0⭐
0🍴
vite-plugin-valibot-env) - Validate environment variables against a Valibot schema.
12026⭐
1051🍴
vitest) - A Vite-native test framework.137⭐
4🍴
vitest-mock-extended) - Type safe mocking extensions for Vitest.82⭐
10🍴
cypress-vite) - Run Cypress specs using Vite.47⭐
0🍴
vite-plugin-doctest) - Documentation testing for Vitest.
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.
-
429⭐
138🍴
@vitejs/plugin-vue) - Official Vue 3 support. -
429⭐
138🍴
@vitejs/plugin-vue-jsx) - Official Vue 3 JSX support. -
533⭐
45🍴
@vitejs/plugin-vue2) - Official Vue 2 support. -
57⭐
5🍴
@vitejs/plugin-vue2-jsx) - Official Vue 2 JSX support. -
619⭐
83🍴
vite-plugin-vue2) - Vue 2 integration. -
596⭐
39🍴
unplugin-vue2-script-setup) - Enabling<script setup>
syntax for Vue 2.
-
1746⭐
122🍴
vite-plugin-pages) - File system based route generator. -
11⭐
0🍴
v-route-generate) - A tool to generate routes. -
1345⭐
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.
-
586⭐
89🍴
vite-plugin-md) - Markdown as Vue components / Vue components in Markdown. -
549⭐
56🍴
vite-svg-loader) - Load SVG files as Vue components. -
19⭐
9🍴
vite-plugin-vue2-svg) - Load SVG files as Vue components. -
48⭐
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.
-
1257⭐
128🍴
vite-ssg) - Server-side generation.
-
229⭐
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.
-
167⭐
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.
-
3575⭐
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. -
640⭐
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.
527⭐
99🍴
@vitejs/plugin-react) - Official React support that uses Babel.748⭐
43🍴
@vitejs/plugin-react-swc) - Official React support that uses SWC.
939⭐
44🍴
generouted) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.
498⭐
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.
35⭐
3🍴
vite-plugin-react-click-to-component) - Uses Vite's launch middleware to enable alt+click to go to component.
68⭐
2🍴
vite-react-ssg) - Static-site generation for React.
💡 SSR frameworks are listed at SSR - Frameworks.
243⭐
25🍴
@preact/preset-vite) - Preact preset. HMR, automatic Preact inject, removal of DevTools in prod.
810⭐
98🍴
vite-plugin-svelte) - Adds Svelte support. Official plugin of Svelte team.
379⭐
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.68⭐
9🍴
vite-plugin-solid-svg) - Import SVG files as Solid.js Components.
939⭐
44🍴
generouted) - Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more.
186⭐
31🍴
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.
2703⭐
121🍴
electron-vite) - An Electron CLI integrated with Vite.
- 🌎 Vite Rollup Plugins - Compatibility list for official rollup plugins.
3547⭐
557🍴
@rollup/plugin-alias) - Define and resolve aliases for bundle dependencies.3547⭐
557🍴
@rollup/plugin-commonjs) - Convert CommonJS modules to ES6.3547⭐
557🍴
@rollup/plugin-dynamic-import-vars) - Resolving dynamic imports that contain variables.3547⭐
557🍴
@rollup/plugin-json) - Convert.json
files to ES6 modules.
3547⭐
557🍴
@rollup/plugin-babel) - Compile your files with Babel.3547⭐
557🍴
@rollup/plugin-buble) - Compile ES2015 with buble.3547⭐
557🍴
@rollup/plugin-data-uri) - Import modules from Data URIs.3547⭐
557🍴
@rollup/plugin-html) - Create HTML files to serve Rollup bundles.3547⭐
557🍴
@rollup/plugin-node-resolve) - Locate and bundle third-party dependencies in node_modules.3547⭐
557🍴
@rollup/plugin-sucrase) - Compile TypeScript, Flow, JSX, etc with Sucrase.3547⭐
557🍴
@rollup/plugin-typescript) - Integration between Rollup and TypeScript.3547⭐
557🍴
@rollup/plugin-wasm) - Import WebAssembly code with Rollup.3547⭐
557🍴
@rollup/plugin-url) - Import files as data-URIs or ES Modules.
3547⭐
557🍴
@rollup/plugin-beep) - System beeps on errors and warnings.3547⭐
557🍴
@rollup/plugin-dsv) - Convert.csv
and.tsv
files into JavaScript modules with d3-dsv.3547⭐
557🍴
@rollup/plugin-eslint) - Verify entry point and all imported files with ESLint.3547⭐
557🍴
@rollup/plugin-graphql) - Convert .gql/.graphql files to ES6 modules.3547⭐
557🍴
@rollup/plugin-image) - Import JPG, PNG, GIF, SVG, and WebP files (needsenforce: 'pre'
).3547⭐
557🍴
@rollup/plugin-inject) - Scan modules for global variables and injects import statements where necessary.3547⭐
557🍴
@rollup/plugin-legacy) - Add export declarations to legacy non-module scripts.3547⭐
557🍴
@rollup/plugin-replace) - Replace strings in files while bundling.3547⭐
557🍴
@rollup/plugin-strip) - Remove debugger statements and functions from your code.3547⭐
557🍴
@rollup/plugin-virtual) - A Rollup plugin that loads virtual modules from memory.3547⭐
557🍴
@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
2462⭐
132🍴
Awesome Rollup list) for community-maintained rollup plugins, and refer to the Vite docs section about 🌎 rollup plugin compatibility.
3703⭐
327🍴
Vike) - Like Nuxt/Next.js but as a do-one-thing-do-it-well plugin.2535⭐
282🍴
ssr) - A Server Side Rendering framework combined with Webpack/Vite.458⭐
13🍴
vavite) - A tool for developing and building server-side applications with live reloading capabilities.11⭐
0🍴
vue-ssr) - Minimalistic wrapper to develop and run SSR powered Vue apps.68⭐
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.1252⭐
53🍴
Vinxi) - The Full Stack JavaScript SDK. Allows adding SSR to a Vite app.
1038⭐
30🍴
Rakkas) - React framework inspired by Next.js and SvelteKit.16⭐
1🍴
Vise) - SSR framework with server hooks.906⭐
44🍴
@fastify/fastify-dx) - Allowing you to serve static or live (SSR).89⭐
11🍴
vite-plugin-vercel) - Vercel adapter.
51⭐
16🍴
Craft Vite) - Plugin for integration with Craft CMS.
480⭐
70🍴
django-vite) - Integration for Django applications.83⭐
7🍴
django-vite-plugin) - Integration for Django applications including vite plugin.
- 🌎 Flask-Vite - Integration with Flask.
1189⭐
103🍴
vite-plugin-ruby) - Configuration for Ruby backends.1189⭐
103🍴
Vite Ruby) - Integration for Rails, Hanami, Padrino, and Rack apps.
596⭐
71🍴
Laravel Vite) - Integration for the Laravel framework.760⭐
147🍴
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.
1478⭐
63🍴
create-rust-app) - Integration for Rust web apps.
205⭐
22🍴
Vite Bundle) - Integration for Symfony.
224⭐
34🍴
vite-plugin-shopify) - Integration for Shopify themes.
507⭐
31🍴
vite-express) - Integration for Express web apps.5⭐
1🍴
vite-manifest-parser) - Parses manifest.json to generate HTML script and link tags.
198⭐
29🍴
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.
9⭐
0🍴
PHP-Vite) - Integration for PHP, Composer package, no framework dependencies.
47⭐
1🍴
Viject) - One-shot migration tool from Create React App.
11657⭐
1879🍴
VitePress) - Static Site Generator powered by Vite and Vue.31528⭐
1241🍴
Slidev) - Presentation Slides for Developers.43280⭐
2252🍴
Astro) - Modern Static Site Builder.546⭐
35🍴
Hathora) - Multiplayer game framework.7618⭐
450🍴
Nhost) - Nhost is an Open Source Firebase Alternative with GraphQL.2488⭐
84🍴
Ladle) - Tool for developing and testing component stories powered by Vite and React.431⭐
64🍴
IslandJS) - Static site generator base on islands architecture.297⭐
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.16⭐
1🍴
Gracile) - A meta-framework powered by Lit SSR.
4878⭐
237🍴
Icônes) - Icon explorer with instant search.100⭐
10🍴
Awesome CN Café) - Web application for Awesome CN Café.41⭐
10🍴
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.908⭐
319🍴
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.9⭐
0🍴
Dataviz Explorer) - A tool for large CSV, database, and real-time visualization with interactive plots usingHighcharts
,Chart.js
,React
,JavaScript
,Material UI
andGitHub Actions with Coverage Report
.
13304⭐
1064🍴
vitejs/awesome-vite)