awesome-vite

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

Last synced: 10 days 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
  - vue-vite-ssr - TypeScript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.
  - 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.
  - 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.
  - 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.
  - vite-svelte-docker-template - `Docker` + `Svelte` + `Vitest`.
  - create-domco - Starter template for domco.
  - 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.
  - 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.
- 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.
- 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
  - Viject - One-shot migration tool from Create React App.
Plugins
- 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.
  - vite-plugin-cp - Copy files after building bundles.
  - 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.
  - vite-plugin-external - Provides a way of excluding dependencies from the runtime code and output bundles.
  - vite-plugin-watch-and-run - Watch some files (glob) and trigger a command. To enable any tool to have a watch mode.
  - vite-plugin-mock-data - Provides a simple way to mock data.
  - 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 the `text/javascript` MIME type to `module` MIME type.
  - vite-plugin-abbrlink - Add the abbrlink attribute to the `markdown` file in the specified directory.
  - vite-plugin-valibot-env - Validate environment variables against a Valibot schema.
  - @mistjs/vite-plugin-px2viewport - A plugin that automatically converts inline styles and style files from px units to vw units.
  - vite-plugin-windicss - Windi CSS integration.
  - vite-plugin-node - Integration with Node.js backend servers.
  - 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.
  - vite-plugin-checker - Fast run checkers (TypeScript/VLS/vue-tsc, etc.) in worker threads with overlay and terminal hint.
  - vite-plugin-tauri - Integrate Tauri in a Vite project to build cross-platform apps.
  - vite-plugin-federation - Support Module Federation, Inspired by Webpack Module Federation feature.
  - vite-plugin-wasm-pack - Integration with rust [wasm-pack](https://github.com/rustwasm/wasm-pack), the simple way.
  - vite-plugin-comlink - Use WebWorkers with the power of [Comlink](https://github.com/GoogleChromeLabs/comlink) to make them enjoyable.
  - vite-plugin-sass-dts - This is a plugin that automatically creates a type file when using the CSS module type-safely.
  - vite-plugin-ali-oss - Upload the production files bundled in the project to Ali OSS, except for HTML.
  - vite-plugin-webfont-dl - Downloads and injects webfonts (Google Fonts) to improve website's performance.

Programming Languages

TypeScript 288 JavaScript 47 Vue 20 PHP 10 HTML 7 Rust 2 Python 2 SCSS 1 C# 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

Go

Laravel

Node.js

PHP

Ruby on Rails

Rust

Shopify

Symfony

TYPO3 CMS

WordPress

Migrations

React

Plugins

Electron

Elm

Fastify

Framework-agnostic Plugins