Skip to content

Latest commit

 

History

History
758 lines (583 loc) · 64.7 KB

README.md

File metadata and controls

758 lines (583 loc) · 64.7 KB


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-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.
  • vite-vue-box - Vite + Vue 3 + Ts + TailWindCss + VueHook Plus + Pinia + Axios + ESLint + Stylelint.
  • vite-vue-js-starter-template - Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Prettier Simple Template.
  • vite-vue3-bootstrap-ts-vitest-starter - Vue 3 + TypeScript + Vite + Bootstrap Vue 3 + Vitest.
  • vue-xs-admin - Based on Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter.
  • vue-component-template - Vue 3, TSX, ESLint, Prettier.
  • ionic-vue-vite - Vue 3 + Vue Router + Vite + Ionic.
  • ionic-vue-pnpm-monorepo - Vue 3 + Vue Router + Vite + Ionic + pnpm monorepo.
  • ionic-vue-pnpm-express-monorepo - Frontend: Vue 3 + Vue Router + Vite + Ionic, Backend: express + pnpm monorepo.
  • ionic-vue-capacitor - Vue 3 + Vue Router + Vite + Ionic + Capacitor + pnpm monorepo.
  • ultimate-vite-ts-less-template - Vue 3, TypeScript, Less, i18n, Vitest, Vitepress, lodash, Axios, Pinia, Built-in logger, Built-in Input Validators, env files.
  • vite-vue-h5-app - Vite 3 + Vue 3.2 + TypeScript + Vant mobile applications.
  • vulcan - The template for mobile application. Vite, Vue 3, TypeScript, Sass, i18n, Vitest&Cypress, Pinia, APIs&Mock, ESLint, Prettier, auto-importing.
  • vite-plugin-ssr-vue3-ts-compositionAPI-i18n-fetchData - Vue3 + Typescript + CompositionAPI + i18n + fetchData.
  • vite-plugin-vue-sfc-in-js - Vue SFC syntax in JS files, allows to create multiple components in a single .js file.
  • vite-vue-lib-template - Vue 3, Eslint, Prettier, Conventional Commit, Pre-commit, Lint-staged, Semantic-release, TypeScript.
  • vite-plugin-style-vw-loader - A loader that can convert the style px in the vue tag to vw.

Vue 2

React

Svelte

Solid

  • vite-solid - Vite + Solid starter template.
  • vitesse-solid - Opinionated Vite + SolidJS Starter Template. Includes TypeScript, ESLint, Prettier, UnoCSS, HopeUI and more.

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

Helpers

💡 SSR frameworks are listed at SSR - Frameworks.


Preact

Presets

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

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
  • Vise - SSR framework with server hooks. react vue3

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.

Node.js

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.
  • 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.

Apps/Websites