awesome-vite

⚡️ A curated list of awesome things related to Vite.js
https://github.com/vitejs/awesome-vite

Last synced: 1 day ago
JSON representation

Get Started
- Official Resources
  - create-vite - Scaffolding Your First Vite Project.
  - create-vitawind - Scaffolding for Tailwind CSS 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.
  - create-awesome-node-app - Scaffolding your project choosing between different templates.
  - bati - Scaffolding a Vike project.
  - create-nitro-app - Scaffolding your Full-Stack Vite project using Nitro.
- Tauri
  - vite-react-neutralino-template - Neutralino + Vite + React template.
  - vite-elm-template - A default template for building Elm applications.
  - github-action-template - Starter template for GitHub Actions, TypeScript, ESLint, Vitest, Husky, Conventional Commits.
  - 11st-Starter-Kit - 11ty, powered by Vite with Tailwind CSS and Alpine.js.
  - HuLa - is a desktop instant messaging app built on `Vite 5` + `Vue 3` + `TypeScript` + `Tauri` (not just instant messaging).
  - vite-vue3-chrome-extension-v3 - Web extension starter template for Chrome, Firefox and Edge.
  - vit-singlefile-gzip - Starter template for embedded.
  - chrome-ext-template-preact-windi-vite - Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions and Chrome Extension Manifest v3.
  - elm_vite_tailwind_template - Opinionated template for building Elm web apps using Tailwind CSS and Daisy UI.
  - vite-plugin-fable - Template with `.fs` and `.fsproj` files and the F# compiler.
- Templates
  - vite-tailwind - Starter template for Tailwindcss.
  - vite-ts-vue3-todo - Vue3 + TS + Vue-Router4 + Pinia2 template.
  - Vitawind Creator - Create TailwindCSS project rapidly.
  - vue-vite-ssr - TypeScript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.
  - vite-ts-vue2-todo - Vue2 + ts + Vue-Router3 + Pinia1 + Composition API.
  - react-vite-ssr - Mobx, TypeScript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.
  - vite-plugin-doubleshot - For building Node.js backend or Electron main process.
  - vite-biome-tailwind-template - React, TypeScript, Biome, Tailwind CSS.
  - 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.
  - 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.
  - vite-ts-tailwind-starter - TypeScript, Tailwind CSS, Cypress.io e2e tests + CI.
  - fast-crud - Options-oriented crud framework, developing crud as fast as lightning.
  - 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`.
  - 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.
  - materio-free-vuetify-nuxtjs-admin-template - Vue.js 3, Vite 5, Vuetify 3 & Nuxt.js 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`.
  - 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.
  - Vitamin - React TypeScript, Tailwind CSS, 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, Tailwind CSS 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, Tailwind CSS, 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, Tailwind CSS, 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 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.
  - 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, Tailwind CSS, 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`, `Prettier`, `Stylelint`, `Husky`, `Semantic Release`.
  - vite-react-ts-shadcn-starter - Template for creating `React 18` SPA apps with `TypeScript`, `React Router`, `Tailwind CSS`, `Shadcn UI`, `React Query`, `ESLint`, `Prettier`, `Stylelint`, `Husky`, `React-i18next`, `Transmart`.
  - template-tauri-vite-react-ts-tailwind - Template for Tauri + React + TypeScript + Tailwind CSS + Prettier + ESLint build-in.
  - vite-react-chakra-starter - Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky.
  - vite-react-tailwind-starter - Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky.
  - monorepo-template-react - React + TypeScript template for SSR, SPG, SPA and API provision.
  - vite-react-dapp-template - Starter template for decentralized app frontend development with preconfigured Wallet Authentication, i18n and UI features.
  - vite-express-ssr-ts - React + TypeScript + Express.js + Vite SSR template with inbuild api feature.
  - vite-react-flow-template - React Flow starter template.
  - gravity-ui-vite-template - Template with Gravity UI ecosystem (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged).
  - vite-react-component-library-starter - A starter template for creating React component libraries with `TypeScript`, `Tailwind CSS`, `Storybook`, `Vitest`, `ESLint`, `Prettier`, `Husky`, and `GitHub Action`.
  - vite-template-awesome-soho - `DevContainer` Template for creating `React 18`, `Javascript + JSDoc`, `React Router`, `Ant Design`, `ESLint`, `EditorConfig`, `.env`, `SonarLint`, `Vitest`.
  - react-component-library-vite - A library template for with `React`, `Javascript`,`Styled-Components`, `Vitest`, `React Testing Library`, `Storybook`.
  - ReTail - Starter template for building Full Stack WEB applications with `Remix` using `TypeScript`, `Tailwind CSS`, `Prettier` and `ESLint`.
  - vite-react-redux-saga-typescript - Starter template with `React`, `TypeScript`, `Redux (Redux Toolkit)`, `Saga`, `React Testing Library`, `ESLint`, `Prettier` and `Husky`.
  - vite-complete-react-app - Starter template for building web applications using `React`, `TypeScript`, `Redux Toolkit`, `React Router`, `Axios`, `Sass`, `Moment`, `ESLint`, `Prettier` and `React Testing Library`.
  - vite-react-framer-starter - Starter template with `React`, `TypeScript`, `Framer Motion`, `Tailwind CSS`, `ESLint`, and `Prettier`.
  - vite-jsx-remove-attributes - Remove the `data-testid` (configurable) from production builds.
  - React Tanning - Starter template with `React + Vite + TypeScript + TanStack + Tailwind`.
  - Reactive - `React` starter template with `Remix` file-based routing convention for `react-router`, `UnoCSS`, `LinguiJs`, `zustand`, and ton of features.
  - RVTGB - `React` + `TypeScript` starter template, with file-based routing with `Generouted` and `Biome`.
  - SvelteKit - The fastest way to build Svelte apps.
  - template-vite-svelte-ts-tailwind - Svelte + TypeScript + Tailwind CSS + Prettier.
  - vite-svelte-flow-template - Svelte Flow starter template.
  - vitesse-solid - Opinionated Vite + SolidJS Starter Template. Includes TypeScript, ESLint, Prettier, UnoCSS, HopeUI and more.
  - vitesse-lite-solid - Lightweight Vite Starter Template for SolidJS.
  - electron-vite-vue - Electron + Vite + Vue template.
  - electron-vite-react - Electron + Vite + React template.
  - electron-vite-template - Electron 13, Vue 3 and TypeScript. Make your desktop development easier.
  - fast-vite-electron - Vue3 + Vite + Electron with esbuild.
  - fast-vite-nestjs-electron - Vue3 + Vite + Electron + Nestjs with esbuild.
  - vite-reactts-electron-starter - React, Tailwind CSS, TypeScript and Electron.
  - electron-vue-template - Electron template with TypeScript, including Electron Builder.
  - Vitron - Build beautiful (win, Linux, mac) desktop apps for modern web projects with Vite and electron.
  - Vutron - Electron + Vite + Vue 3 + Pinia (TypeScript) template.
  - vite-swagger-ui - Swagger UI with built-in support for multiple APIs.
  - vite-ts-starter - Vue `I18n` Dynamic Router Localization Template, Internationalized Applications with `UnoCSS` + `Unplugin` + `Element-Plus` + `Vitest` + `TypeScript` + `Vue-Router` + `Vuex` + `Scss` + `ESLint` + `Stylelint` + `Husky` + `lint-staged`.
  - React Dapp Starter - Enterprise-ready Web3 DApp starter with `TypeScript`, `Tailwind CSS`, `Web3Modal`, `Wagmi`, `Shadcn UI`, `Zustand`, and `TanStack Query` for scalable decentralized applications.
  - vite-template-react-ts-jest - `React` + `TypeScript` + `Jest`.
  - vite-amplify - Template with SSR + Express APIs + AWS Amplify Hosting.
  - react-component-library-template - A library template for with `React`, `TypeScript`, `Vitest`, `React Testing Library`, `Storybook`, `Biome`, `Stylelint`.
  - vite-svelte-docker-template - `Docker` + `Svelte` + `Vitest`.
  - create-domco - Starter template for domco.
  - react-boilerplate - Template for bootstrapping with `Eslint` + `Husky` + `Prettier`.
  - react-admin-dashboard - Dashboard template with `TypeScript`, `Vite`, `Ant Design`, `React Router`, `Zustand`, `Ant Design Charts`.
  - template-vite - An official quickstart template with Phaser.
  - template-vite-ts - An official quickstart template with Phaser and TypeScript.
  - vite-ts-bulma-sass-template - Starter template `TypeScript`, `Bulma`, `Sass`, `Stylelint`, `Biome`.
  - vite-plugin-ssr-config - Configure server-side rendering (SSR) with `React`, `React-Query`, `React-Router`.
  - vite-vue3-tailwind4-daisyui5-starter-template - Starter template with Vue 3 + Vite + Tailwind CSS 4 + DaisyUI 5 + Sass.
  - portfolio-vite-manifest - fullstack portfolio template with `Vite`, `React`, `TypeScript`, `Manifest`.
  - vite-react-universal-template - React18 + TypeScript + `react-router-dom` + Zustand + ESlint + Prettier + Stylelint + Husky + Docker, and APIs auto importing.
  - Vitesse - Opinionated starter template.
  - vue-vben-admin - Background management template based on Vue3, Ant-Design-Vue, TypeScript.
  - 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.
  - vite-electron-builder - Electron apps using Vite for both back and front-end, with automatic releases.
  - vue-pure-admin - Background management template based on Vue3, TypeScript, Tailwind CSS, element-plus.
  - vitesse-lite - Lightweight version of Vitesse.
  - naive-ui-dashboard-template - UI friendly, Vue 3 + TSX + Tailwind CSS 2 JIT + PostCSS + Naive UI.
  - vue3-tailwind3-website-starter - Vue3 / Vite / Tailwind CSS website starter template, with guides on each page.
  - vue3-quick-start - Building an engineered Vue 3 project, integrated with `Vite` + `Vue3` + `TypeScript` + `ESLint` + `Prettier` + `Commitizen` + `Husky` + `LintStaged` + `CommitLint` + `AutoImport` + `ReleaseIt`.
  - vitesse-webext - WebExtension Vite Starter Template.
  - vite-vue2-windicss-starter - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript.
  - Viterts - React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS.
  - svelte-vite-ssr - Svelte with SSR support.
  - electron-vite-boilerplate - Support SerialPort, SQLite3 and node C/C++ addons.
  - vite-plugin-electron-quick-start - Template for Electron projects.
  - vite-electron-plugin - High-performance, esbuild-based Vite Electron plugin.
  - vue3-quick-start - Building an engineered Vue 3 project, integrated with `Vite` + `Vue3` + `TypeScript` + `ESLint` + `Prettier` + `Commitizen` + `Husky` + `LintStaged` + `CommitLint` + `AutoImport` + `ReleaseIt`.
  - vite-react-chakra-starter - Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky.
  - vite-react-tailwind-starter - Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky.
  - react-vite-template - React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged.
  - react-component-library-template - A library template for with `React`, `TypeScript`, `Vitest`, `React Testing Library`, `Storybook`, `Biome`, `Stylelint`.
  - react-boilerplate - Template for bootstrapping with `Eslint` + `Husky` + `Prettier`.
Integrations with Backends
- ASP.NET Core
  - Vite.AspNetCore - Integration with ASP.NET Core projects.
- CakePHP
  - cakephp-vite - Integration for CakePHP.
- Craft CMS
  - Craft Vite - Plugin for integration with Craft CMS.
- Django
  - django-vite - Integration for Django applications.
  - django-vite-plugin - Integration for Django applications including Vite plugin.
- Drupal
  - Vite module - Backend integration for Drupal.
  - vite-plugin-twig-drupal - Support for Twig with includes/embeds and Drupal specific twig features.
- Flask
  - Flask-Vite - Integration with Flask.
- Go
  - `vite` - Integration with Go.
- Laravel
  - Laravel Vite - Integration for the Laravel framework.
  - Laravel Vite Plugin - Laravel official plugin for Vite.
- Node.js
  - vite-express - Integration for Express web apps.
  - vite-manifest-parser - Parses manifest.json to generate HTML script and link tags.
- PHP
  - PHP-Vite - Integration for PHP, Composer package, no framework dependencies.
  - PHP-Vite Starter Repo - Starter repository, with TypeScript/JavaScript, Tailwind CSS, SASS/SCSS, EJS, SVG and image support.
  - php-vitelinker - A CLI tool that generates includable PHP files after building bundles.
- Ruby on Rails
  - vite-plugin-ruby - Configuration for Ruby backends.
  - Vite Ruby - Integration for Rails, Hanami, Padrino, and Rack apps.
- Rust
  - create-rust-app - Integration for Rust web apps.
  - vite-rs - Embed assets in your Rust binary.
- Shopify
  - vite-plugin-shopify - Integration for Shopify themes.
  - vite-plugin-shopify - Integration for Shopify themes.
- Symfony
  - Vite Bundle - Integration for Symfony.
- TYPO3 CMS
  - vite-asset-collector for TYPO3 - Backend integration for TYPO3 CMS.
  - vite-plugin-typo3 - Frontend integration for TYPO3 CMS.
- WordPress
  - wordpress-vite-assets - Integration for WordPress themes.
  - Kima - Starter theme with Twig.
  - WordPlate - Starter app with Composer.
Migrations
- React
  - CRA migration guide - A step-by-step guide for migrating a project from Create React App.
  - Viject - One-shot migration tool from Create React App.
Plugins
- Angular
  - @nxext/angular-vite - A plugin that uses SWC to compile Angular modules.
- Electron
  - electron-vite - An Electron CLI integrated with Vite.
- Elm
  - vite-plugin-elm - A plugin that enables you to compile an Elm module.
- Fastify
  - vite-plugin-fastify - Fastify plugin for Vite with Hot-module Replacement.
  - vite-plugin-fastify-routes - File-based routing, similar to SvelteKit and Next.js App Router.
- Framework-agnostic Plugins
  - @vitejs/plugin-legacy - Legacy browser support.
  - @storybook/builder-vite - Storybook builder.
  - vite-plugin-cp - Copy files after building bundles.
  - vite-plugin-require-context - Supports `require.context`.
  - vite-plugin-commonjs - Support CommonJS to ESM.
  - vite-plugin-content - Convert `yaml`, `xml`, `ini`, `toml`, `csv`, `plist` and `properties` files to ES6 modules.
  - vite-plugin-global-style - Deal with global styles for CSS, SASS, LESS and Stylus.
  - @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-external - Provides a way of excluding dependencies from the runtime code and output bundles.

Programming Languages

TypeScript 292 JavaScript 48 Vue 20 PHP 10 HTML 7 Python 2 Rust 2 C# 1 SCSS 1 CSS 1

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

awesome-vite

Get Started

Official Resources

Tauri

Templates

Integrations with Backends

ASP.NET Core

CakePHP

Craft CMS

Django

Drupal

Flask

Go

Laravel

Node.js

PHP

Ruby on Rails

Rust

Shopify

Symfony

TYPO3 CMS

WordPress

Migrations

React

Plugins

Angular

Electron

Elm

Fastify

Framework-agnostic Plugins