Svelte logo
Svelte logotype

Cybernetically enhanced web apps

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.

npx degit sveltejs/template my-svelte-project
# or download and extract this .zip file
cd my-svelte-project
# to use TypeScript run:
# node scripts/setupTypeScript.js

npm install
npm run dev

See the quickstart guide for more information.

Learn Svelte

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

CSS is component-scoped by default — no more style collisions or specificity wars. Or you can use your favourite CSS-in-JS library.

Trigger efficient, granular updates by assigning to local variables. The compiler does the rest.

Build beautiful UIs with a powerful, performant transition engine built right into the framework.

Who's using Svelte?


Svelte is free and open source software, made possible by the work of hundreds of volunteers and donors. Join us or give!


And so many more →


And so many more →