Awesome Lists

awesome-vite

by vitejs

awesome listJavaScriptpushed almost 2 years ago

⚡️ A curated list of awesome things related to Vite.js

AI summary

Vite project templates

A curated collection of templates and resources for building Vite.js projects with various frameworks and tools.

stars
14.7K
forks
1.2K
watching
110
awesome lists
3
entries
487
View on GitHubgithub.com/vitejs/vite

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/vitejs/awesome-vite/links.svg)](https://awesome.facts.dev/awesome/vitejs/awesome-vite)
HTML
<a href="https://awesome.facts.dev/awesome/vitejs/awesome-vite"><img src="https://awesome.facts.dev/shield/vitejs/awesome-vite/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/vitejs/awesome-vite/links.svg

What's in the list

487 links in 35 sections, with live GitHub stats.activeno commit in 2y

Resources / Official Resources

Get Started

Get Started / Templates

  • 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

  • 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-swagger-ui

    Swagger UI with built-in support for multiple APIs

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

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

  • antd-vue3-admin

    A starter template based on Vue3, Vite4, TS5 and Ant-Design-Vue4

  • vue-file-upload

    A file management system built with and that allows for single and multiple file uploading with a preview feature

  • arco-admin

    + + follows 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-ts-starter

    Vue Dynamic Router Localization Template, Internationalized Applications with + + + + + + + + + + +

  • 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

  • Vitamin

    React TypeScript, TailwindCSS, SPA + PWA, Cypress and CI

  • vite-template-react

    A Create React App-like template

  • 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 + + Recoil + SASS + Testing Library + + 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 + + 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 SSR/SPA apps with , , , , Suspense, Streaming. Also included CI/CD, , , , ,

  • vite-react-ts-shadcn-starter

    Template for creating SPA apps with , , , , , , , , , ,

  • template-tauri-vite-react-ts-tailwind

    Template for Tauri + React + Typescript + TailwindCSS + 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 + ExpressJS + Vite SSR template with inbuild api feature

  • vite-react-flow-template

    React Flow starter template

  • react-vite-template

    React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged

  • 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 , , , , , , , and

  • vite-template-awesome-soho

    Template for creating , , , , , , , ,

  • react-component-library-vite

    A library template for with , , , , ,

  • ReTail

    Starter template for building Full Stack WEB applications with using , , and

  • vite-react-redux-saga-typescript

    Starter template with , , , , , , and

  • vite-complete-react-app

    Starter template for building web applications using , , , , , , , , and

  • vite-react-framer-starter

    Starter template with , , , , , and

  • vite-jsx-remove-attributes

    Remove the (configurable) from production builds

  • React Tanning

    Starter template with

  • Reactive

    starter template with file-based routing convention for , , , , and ton of features

  • RVTGB

    + starter template, with file-based routing with and

  • vite-biome-tailwind-template

    React, Typescript, Biome, Tailwind CSS

  • React Dapp Starter

    Enterprise-ready Web3 DApp starter with , , , , , , and for scalable decentralized applications

  • vite-amplify

    Template with SSR + Express APIs + AWS Amplify Hosting

  • react-component-library-template

    A library template for with , , , , , ,

  • react-boilerplate

    Template for bootstrapping with + +

  • react-admin-dashboard

    Dashboard template with , , , , ,

  • SvelteKit

    The fastest way to build Svelte apps

  • svelte-vite-ssr

    Svelte with SSR support

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

    Support SerialPort, SQLite3 and node C/C++ addons

  • 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-plugin-electron-quick-start

    Template for Electron projects

  • vite-electron-builder

    Electron apps using Vite for both back and front-end, with automatic releases

  • 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-electron-plugin

    High-performance, esbuild-based Vite Electron plugin

  • vite-plugin-doubleshot

    For building Node.js backend or Electron main process

Get Started / Tauri

Framework-agnostic Plugins

Vue

React

Preact

  • @preact/preset-vite

    Preact preset. HMR, automatic Preact inject, removal of DevTools in prod

Svelte

  • vite-plugin-svelte

    Adds Svelte support. Official plugin of Svelte team

  • vite-plugin-kit-routes

    Generates a file with all the routes, params, actions of your SvelteKit App

Solid

  • vite-plugin-solid

    Provides JSX transformation for Solid

  • vite-plugin-solid-svg

    Import SVG files as Solid.js Components

  • generouted

    Client-side type-safe file-based routing and global modals — supports layouts, loaders, code-splitting and more

Elm

  • vite-plugin-elm

    A plugin that enables you to compile an Elm module

Fastify

Electron

  • electron-vite

    An Electron CLI integrated with Vite

Rollup Plugins

SSR / Libraries

  • Vike

    Like Nuxt/Next.js but as a do-one-thing-do-it-well plugin

  • ssr

    A Server Side Rendering framework combined with Webpack/Vite

  • vavite

    A tool for developing and building server-side applications with live reloading capabilities

  • vue-ssr

    Minimalistic wrapper to develop and run SSR powered Vue apps

  • vite-ssr-boost

    Server side rendering library for create awesome app based on

  • SSRx

    A thin layer on top of Vite to build modern SSR apps with a delightful DX

  • Vinxi

    The Full Stack JavaScript SDK. Allows adding SSR to a Vite app

  • domco

    Minimal full-stack JavaScript. Turns a Vite app into a full-stack application with minimal dependencies

SSR / Frameworks

Integrations with Backends / Craft CMS

  • Craft Vite

    Plugin for integration with Craft CMS

Integrations with Backends / Django

  • django-vite

    Integration for Django applications

  • django-vite-plugin

    Integration for Django applications including vite plugin

Integrations with Backends / Flask

Integrations with Backends / Ruby on Rails

  • vite-plugin-ruby

    Configuration for Ruby backends

  • Vite Ruby

    Integration for Rails, Hanami, Padrino, and Rack apps

Integrations with Backends / Laravel

Integrations with Backends / CakePHP

Integrations with Backends / WordPress

Integrations with Backends / TYPO3 CMS

Integrations with Backends / Go

  • vite

    Integration with Go

Integrations with Backends / Rust

Integrations with Backends / Symfony

Integrations with Backends / Shopify

Integrations with Backends / Node.js

Integrations with Backends / ASP.NET Core

Integrations with Backends / Drupal

Integrations with Backends / 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

Migrations / React

  • Viject

    One-shot migration tool from Create React App

Projects Using Vite.js / Open Source

  • VitePress

    Static Site Generator powered by Vite and Vue

  • Slidev

    Presentation Slides for Developers

  • 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

  • Gracile

    A meta-framework powered by Lit SSR

  • @lazarv/react-server

    A React meta-framework

  • WXT

    Framework for building web extensions, with the same DX as Nuxt

  • Revili

    A command and GUI integration tool

Projects Using Vite.js / Apps/Websites

  • Icônes

    Icon explorer with instant search

  • Awesome CN Café

    Web application for Awesome CN Café

  • Todo Example

    Todo app with routing and state management

  • aitrack.work

    A task-based time tracker for everyday use

  • macOS in Svelte

    macOS Desktop experience for Web in Svelte

  • vue3-realworld-example-app

    Realworld app implementation using Vue 3 + TypeScript + Composition API

  • react-device-frameset

    This is yet another device frameset component for React

  • Preview.js

    An IDE extension to instantly preview React, Vue 2 and Vue 3 components

  • pointer-lock-movement

    A pointer lock movement manager for customizing your own creative UI

  • vite-run

    Multiple configuration execution support for vite, freely combining configurations like stacked blocks

  • Dataviz Explorer

    A tool for large CSV, database, and real-time visualization with interactive plots using , , , , and

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.