Skip to main content

Svelte

Cybernetically enhanced web apps
The Svelte compiler packaging up your component code
Svelte logotype

Write less code

Build boilerplate-free components using languages you already know — HTML, CSS and JavaScript

learn more

No virtual DOM

Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and stays fast

learn more

Truly reactive

No more complex state management libraries — Svelte brings reactivity to JavaScript itself

learn more

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.

We're proud that Svelte was recently voted the most loved web framework with the most satisfied developers in a pair of industry surveys. We think you'll love it too. Read the introductory blog post to learn more.

npm init vite my-app -- --template svelte
cd my-app
npm install
npm run dev
			

Or use SvelteKit, the official application framework from the Svelte team (currently in beta).

Learn Svelte

Why Svelte?

more  examples

Svelte components are built on top of HTML. Just add data.

Who's using Svelte?

1Password logo Alaska Airlines logo Avast logo Chess.com logo FusionCharts logo GoDaddy logo IBM logo Les Echos Philips logo Rakuten logo Razorpay logo Square The New York Times logo Transloadit
The Svelte logo in a ball pit
We stand with Ukraine. Donate → We stand with Ukraine. Petition your leaders. Show your support.