Skip to content

vitejs/awesome-vite

master
Switch branches/tags
Code


logo of awesome-vite repository

Awesome Vite.js

A curated list of awesome things related to Vite.js

Awesome

Table of Contents

Use the "Table of Contents" menu on the top-left corner to explore the list.

Resources

Official Resources

Get Started

Templates

Vanilla

Vue 3

  • Vitesse - Opinionated starter template.
  • vite-vue3-tailwind-starter - Vue 3, Vue Router and Tailwind CSS.
  • 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.
  • vivu - Opinionated scalable vue boilerplate.
  • vite-tauri-template - Tauri + Vite + Vue 3 + Vuetify 3 desktop app template.
  • vue-vite-h5 - Use Vue3, TypeScript and Vant to develop mobile applications.
  • Vitesome - Vue3 + TypeScript + WindiCSS + Vue Router 4, i18n and Iconify.
  • vitesse-lite - Lightweight version of Vitesse.
  • vitesse-webext - WebExtension Vite Starter Template.
  • vite-ts-vue3-todo - Vue3 + TS + Vue-Router4 + Pinia2 template.
  • naive-ui-dashboard-template - UI friendly, Vue 3 + TSX + TailwindCSS 2 JIT + PostCSS + Naive UI.
  • vitailse - Like Vitesse but with Tailwind CSS.
  • vitespa - Vitesse-based SPA without SSG.
  • vite-quasar-starter - Vite 2.x + Vue 3.x + quasar 2.x starter.
  • vue3-mobile-template - Vue3 + TS + Vue-Router4 + Vuex4 + Vant + Vue-use + Vue-i18n Mobile Template.
  • vue3-template - Vue 3 / Tailwind CSS / vue-router / PNPM / ESlint Airbnb / Stylelint / GitHub pages actions / Netlify.
  • Modern Vue - Modern Vue stack 2022.
  • Vitecamp - Vue3 / Element Plus / Axios / Vue Router / Pinia / Windi CSS / icones / i18n / Markdown / Svg / ESLint Airbnb Style / Components and APIs auto importing.
  • vite-vue3-typescript-webcomponent - Vue 3 / Typescript / boiler plate to develop Web Component.
  • vite-vue-ts-storybook - Vue 3 / i18n / Typescript / Vite / Storybook / ESLint / Prettier.
  • vite-vue-tailwind-v3 - Starter template for Vue3 + TailwindCSS and prettier-plugin-tailwindcss build-in.
  • vite-vue-ts-tailwind-v3 - Starter template for Vue3 + Typescript + TailwindCSS and prettier-plugin-tailwindcss build-in.
  • Vitawind Creator - Create TailwindCSS project rapidly.
  • vue3-ts-vite-vitest-todo - Vue 3 / TypeScript / Vite / Vitest with full tests / Composition API / Pure TS/TSX.
  • vue3-tailwind3-website-starter - Vue3 / Vite / TailwindCSS website starter template, with guides on each page.
  • vite-boot - Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + VueUse Template.
  • Vue Naive - Admin template, base on Vue 3 + Pinia + Naive UI.
  • vue-admin-box - Admin template, based on Vue 3 + Element-plus.
  • vivu-npm - Starter template to build component library.
  • vue3-pc-template - Vite + ElementPlus + Vue3 + TS + Vue-Router4 + Vuex4 + Vue-use + Vue-i18n PC Template.
  • ViTauri - Vite + Tauri + Vue3 + TS + Vue-Router4 + Auto imports.
  • vue-hbs-admin - Admin starter template based on Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Unocss + Ant-design-vue + Auto imports.
  • vite-vue-proste - Pinia + Typescript + Vue-Router4 + Vitest + Vue-Test-Utils + Vue-Query + Sass + ESLint + Stylelint + Prettier + project presets.
  • vue-vite-ssr - Typescript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.
  • vue3-vant-mobile - Vite + Vue3 + Vant4 + Pinia + Vue-Router4 + TypeScript Mobile Template.
  • vue3-powerbuild - Vue 3 + TypeScript + Tailwind CSS + Vite + Storybook + ESLint + Prettier.
  • vue-ts-starter - Vue3 + TypeScript + Vite + Pinia.
  • vitequality - Vue 3 + Typescript + Vue Router + Pinia + Eslint + Jest + Cypress.
  • vue-vite-tw-ts - Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router.

Vue 2

React

Svelte

Electron

Elm

Petite-Vue

Others

Plugins

Framework-agnostic Plugins

Integrations

Loaders

Bundling

Transformers

Helpers

Testing


Vue

In this section, we use badges to indicate the targeted Vue version for each plugin.

v2 for Vue 2 only, v3 for Vue 3 only, and v23 for plugins that compatible with both versions.

💡 SSR frameworks are listed at SSR - Frameworks.

Integrations

Routing

Loaders

SSG

Ecosystem

Transformers

Helpers


React

Official

Presets

  • vite-preset-react - All in one preset for your React app - HMR, Automatic React inject, removal of DevTools in prod.

Loaders

Transformers

Framework

💡 SSR frameworks are listed at SSR - Frameworks.


Svelte

Integrations


Solid

Integrations


Elm

Integrations


Angular

Integrations


Electron

Integrations

Presets


Rollup Plugins

Included in Vite

Covered by default in Vite

Compatible with Vite

Community

SSR

Libraries

  • vite-ssr - Simplified Server Side Rendering with an SPA-like developer experience. react vue3
  • vite-plugin-ssr - Like Nuxt/Next.js but as a do-one-thing-do-it-well plugin. react vue3 vue2 svelte
  • ssr - A Server Side Rendering framework combined with Webpack/Vite. react vue3 vue2
  • vavite - A tool for developing and building server-side applications with live reloading capabilities.

Frameworks

  • vitedge - Edge-side rendering with fullstack utilities. react vue3
  • vitext - The Next.js like React framework for better User & Developer experience. react
  • Rakkas - React framework inspired by Next.js and SvelteKit. react

Integrations with Backends

Adobe Experience Manager

  • AEM Vite - Integration for Adobe Experience Manager and AEM SDK.

Craft CMS

  • Craft Vite - Plugin for integration with Craft CMS.

Django

Flask

Ruby on Rails

Laravel

CakePHP

WordPress

Go

  • vite-go - Integration for Golang web apps.

Rust

OctoberCMS

  • Vitewind - Integration for OctoberCMS.

Symfony

Shopify

CodeIgniter

DDEV

  • ddev-viteserve - Add-on for running Vite in the PHP-oriented dev environment DDEV.

Migrations

Vue CLI

  • vue-cli-plugin-vite - Use Vite on Vue CLI with minimize codebase modifications.
  • webpack-to-vite - Convert a webpack project to vite project, also provides conversion details to help you migrate smoothly.

React

Projects Using Vite.js

Open Source

  • VitePress - Static Site Generator powered by Vite and Vue.
  • TroisJS - Three.js integration with Vite and Vue 3.
  • Slidev - Presentation Slides for Developers.
  • îles - Islands of Interactivity with Vue3, multi-framework.
  • 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.

Apps/Websites