awesome-vite

<!--lint disable awesome-heading awesome-github awesome-toc double-link --> <p align="center"> <br> <img width="400" src="./assets/logo.svg" alt="logo of awesome-vite repository"> <br> <br> </p> <h2 align='center'>Awesome Vite.js</h2> <p align='center'> A curated list of awesome things related to <a href='https://github.com/vitejs/vite'>Vite.js</a> <br><br> <a href='https://github.com/sindresorhus/awesome'> <img src='https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg' alt='Awesome'> </a> </p> <!--lint ignore-->

Table of Contents

<img src="https://user-images.githubusercontent.com/11247099/112722104-819b8a80-8f42-11eb-82f5-dfc2dd5d8a77.png" height="32" />

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

Resources

Official Resources

• Documentation
• GitHub Repo
• Release Notes
• Vue 3 Docs
• Awesome Vue
• Migration from v4

<!--### Tutorials-->

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.

Templates

Vanilla

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

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.
• 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 + project presets.
• 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 Vite + Vue3 + TypeScript + ESLint + Prettier + Commitizen + Husky + LintStaged + CommitLint + AutoImport + ReleaseIt.
• antd-vue3-admin - A starter template based on Vue3, Vite4, TS5 and Ant-Design-Vue4.
• vue-file-upload - A file management system built with Vue3 and TypeScript that allows for single and multiple file uploading with a preview feature.
• arco-admin - Vite + ArcoDesign + TypeScript follows ESM 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 + Vue3 + TypeScript + Vue-Router + Pinia + Unocss + Naive UI + pnpm Monorepo.

Vue 2

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

React

• 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 + react-router-dom + Recoil + SASS + Testing Library + react-query + 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 + react-router-dom + 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 React 18 SSR/SPA apps with TypeScript, Mobx, React Router, Head Manager, Suspense, Streaming. Also included CI/CD, ESLint,