Skip to main content

​
Introduction to Vite

Vite (French word for “quick”, pronounced /viːt/, like “veet”) is a next-generation build tool that provides a faster and leaner development experience for modern web projects.

​
What is Vite?

Vite is a modern build tool that consists of two major parts:
  • A dev server that provides rich feature enhancements over native ES modules, including extremely fast Hot Module Replacement (HMR)
  • A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production
Vite is opinionated and comes with sensible defaults out of the box, while also being highly extensible via its Plugin API and JavaScript API with full typing support.

​
Key Features

Lightning Fast HMR

Hot Module Replacement that stays consistently fast regardless of app size, leveraging native ESM

Instant Server Start

No bundling required during development - serve code on demand with native ESM

Optimized Builds

Pre-configured Rollup build with multi-page and library mode support

Rich Features

TypeScript, JSX, CSS and more - all supported out of the box

Universal Plugins

Rollup-compatible plugin interface shared between dev and build

Framework Agnostic

Support for React, Vue, Svelte, Solid, and more through official templates

​
Why Vite?

Traditional bundler-based build setups can take unreasonably long to spin up dev servers (sometimes minutes!) and HMR updates can take seconds to reflect in the browser. Vite addresses these issues by leveraging:
  • Native ES modules in the browser
  • Compile-to-native tools like esbuild written in Go
This approach provides instant server start and lightning-fast HMR that stays fast regardless of application size.
Learn more about the problems Vite solves and the rationale behind the project in Why Vite.

​
Get Started

Ready to build your first Vite project? Jump right in with our quickstart guide:

Quickstart

Get up and running in minutes with create-vite

Why Vite

Understand the problems Vite solves

Features

Explore Vite’s rich feature set

​
Framework Support

Vite supports all modern frameworks through official and community-maintained templates:

React

Full React and React + TypeScript support with Fast Refresh

Vue

First-class Vue 3 support with SFC and JSX

Svelte

Lightning-fast Svelte development

Solid

Build reactive apps with Solid

Preact

Lightweight alternative to React

Lit

Web Components with Lit

Qwik

Resumable framework for instant apps

Vanilla

Pure JavaScript/TypeScript

​
Browser Support

During development, Vite assumes a modern browser with support for native ES modules. For production, Vite targets browsers that support Baseline Widely Available (browsers released at least 2.5 years ago).
Legacy browsers can be supported through the official @vitejs/plugin-legacy plugin.

​
Try Vite Online

You can try Vite online without installing anything on your machine:

Try on StackBlitz

Open a Vite project directly in your browser with StackBlitz
Navigate to vite.new/{template} to select your framework:

​
Community

If you have questions or need help, reach out to the community:

Discord

Join the Vite Discord community

GitHub Discussions

Ask questions and share ideas