---
title: "Vite"
description: "The Build Tool for the Web"
url: "https://dev-portal.dehaven.org/examples/vite"
image: "https://dev-portal.dehaven.org/_og/d/c_Ocean.takumi,title_Vite,description_The+Build+Tool+for+the+Web,props_eyJ0aGVtZSI6eyJtb2RlIjoibGlnaHQiLCJjb2xvcnMiOnsicHJpbWFyeSI6IiMyRUE4QTYifX19,p_Ii9leGFtcGxlcy92aXRlIg,s_bws_8Ki0Q8ExCS7D.png"
---

## The Build Tool for the Web

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of a dev server with rich feature enhancements and a build command that bundles your code with Rollup.

[Get Started](https://vitejs.dev/guide/)[Why Vite?](https://vitejs.dev/guide/why.html)

`npm create vite@latest`

## Redefining developer experience

Instant Server Start

On-demand file serving over native ESM, no bundling required! The dev server starts instantly regardless of your application size.

Lightning Fast HMR

Hot Module Replacement (HMR) that stays fast regardless of app size. Edits are reflected in the browser almost instantly for a seamless development experience.

Rich Features

Out-of-the-box support for TypeScript, JSX, CSS and more. Use them directly without extra configuration.

Optimized Build

Pre-configured Rollup build with multi-page and library mode support. Automatic tree-shaking and CSS code-splitting.

Universal Plugin Interface

Rollup-superset plugin interface shared between dev and build. A single, consistent plugin API.

Fully Typed APIs

Flexible programmatic APIs with full TypeScript typing. First-class TypeScript support provides an excellent developer experience and IDE integration.

## A shared foundation to build upon

Flexible Plugin System

Vite's plugin system extends Rollup's well-designed plugin interface with a few extra Vite-specific options. Write a plugin once and use it for both dev and build seamlessly.

Fully Typed API

Vite ships with full TypeScript types out of the box. Enjoy an excellent developer experience with auto-completion and type checking across your entire configuration.

Your own SSR support

Vite provides low-level SSR APIs to efficiently load and update ESM-based source code in Node.js during development. Almost like server-side HMR built right in.

Frameworks built on Vite

Vite powers the next generation of frameworks. Nuxt, SvelteKit, Astro, SolidStart, Qwik City, and many more are built on top of Vite's fast foundation.

## Powering your favorite frameworks and tools

Nuxt

Astro

Remix

SvelteKit

SolidStart

Qwik

Angular

Storybook

Vitest

Playwright

Laravel

Ruby on Rails

## [Loved by the community](#loved-by-the-community)

**75k+**

GitHub Stars

**40M+**

Weekly Downloads

"Vite has been a game-changer for our workflow. The instant server start and lightning-fast HMR make development incredibly productive."

**Evan You** -- Creator of Vue.js

"We chose Vite for SvelteKit because of its incredible speed and the quality of its plugin system. It's exactly what the ecosystem needed."

**Rich Harris** -- Creator of Svelte

"Vite's approach to web tooling is exactly what the ecosystem needed. Fast, lean, and incredibly extensible for any framework."

**Fred K. Schott** -- Creator of Astro

"Vite isn't just a build tool, it's the foundation that powers the next generation of web frameworks. The DX is unmatched."

**Pooya Parsa** -- Creator of Nitro & h3

"The plugin API is remarkably well-designed. Building tools on top of Vite feels natural and the performance benefits are immediate."

**Matias Capeletto** -- Vite Core Team

"Moving to Vite was the best decision we made for our developer experience. Build times dropped dramatically and the team loves it."

**Anthony Fu** -- Vite Core Team

## Free & open source

bolt

VoidZero

Labs

storyblok

Launchpad

Bit

StackBlitz

Nuxt

Astro

Mux

SimpleFi

Transloadit

## Start building with Vite

Get started with Vite today and experience the next generation of frontend tooling.

[Get Started](https://vitejs.dev/guide/)