vitejs/awesome-vite

★ 17,080JavaScriptAudience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((awesome-vite))
    What it is
      Curated link list
      Community maintained
      No runnable code
    Sections
      Official resources
      Scaffold tools
      Templates
      Plugins
    Template types
      Vanilla
      Vue 3
      React
      Electron
    Audience
      Web developers
      Frontend builders
      New project starters

mindmap root((awesome-vite)) What it is Curated link list Community maintained No runnable code Sections Official resources Scaffold tools Templates Plugins Template types Vanilla Vue 3 React Electron Audience Web developers Frontend builders New project starters

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Pick a pre-configured Vite project template for your framework of choice to skip boilerplate setup entirely.

USE CASE 2

Find a Vite plugin that integrates a specific tool like Tailwind CSS, Vitest, or Husky into an existing project.

USE CASE 3

Browse the Vite ecosystem to see what integrations and starters are available before starting a new web app.

USE CASE 4

Find an Electron or Nx-based Vite scaffold to build a desktop or monorepo project without writing the config yourself.

Tech stack

JavaScriptVite

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

Awesome Vite.js is a curated list of resources connected to Vite.js, a tool used by web developers to build and serve websites and applications. The repository itself contains no application code, it is a long, organized index of links that points to other projects, templates, plugins, tutorials, and tools that work with Vite. The README is structured as a table of contents that groups links by purpose. There are sections for official resources like the documentation, the main Vite repository, and the release notes, along with migration guides. Another section covers getting started, listing project scaffolding tools that set up a new Vite project with different stacks, for example create-vite, create-electron-vite, and various Tailwind or Nx based creators. A large Templates section is broken down by framework or style, Vanilla, Vue 3, and many more underneath the truncated portion, each pointing to community starter templates that bundle Vite with choices like TypeScript, ESLint, Prettier, Vitest, Husky, Tailwind CSS, Pinia, or specific UI libraries. The format is consistent: each entry is the project name, a link, and a one-line summary of what it includes. Someone would use this list as a starting point when picking a Vite-based template for a new app, looking for an integration or plugin for an existing Vite project, or browsing what the ecosystem around Vite looks like. Because it sits inside the Vite organization on GitHub and follows the Awesome list convention, it functions as a community-maintained directory rather than software you install. The full README is longer than what was provided.

Copy-paste prompts

Prompt 1

I want to start a new Vue 3 project with Vite, TypeScript, ESLint, and Tailwind CSS. Which template from the Awesome Vite list should I use and how do I scaffold it?

Prompt 2

I am building an Electron desktop app and want to use Vite as the build tool. Which entry in the Awesome Vite list supports this and how do I get started?

Prompt 3

What Vite plugins are available for adding Pinia state management and Vue Router to an existing Vite project? Show me how to install and configure them.

Prompt 4

I want to add Vitest unit testing to my existing Vite project. Show me how to find the right config or plugin from the Awesome Vite list and wire it in.

Open on GitHub → Explain another repo

← vitejs on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.