Skip to main content

Svelte

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

compiled

Svelte shifts as much work as possible out of the browser and into your build step. No more manual optimisations — just faster, more efficient apps.

compact

Write breathtakingly concise components using languages you already know — HTML, CSS and JavaScript. Oh, and your application bundles will be tiny as well.

complete

Built-in scoped styling, state management, motion primitives, form bindings and more — don't waste time trawling npm for the bare essentials. It's all here.

terminal
npm create svelte@latest my-app
cd my-app
npm install
npm run dev -- --open

...or create an app on StackBlitz.

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. No more virtual DOM!

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

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