Svelte • The magical disappearing UI framework

Cybernetically enhanced web apps

Svelte

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.

Read the introductory blog post to learn more.

npx degit sveltejs/template my-svelte-project
cd my-svelte-project

npm install
npm run dev & open http://localhost:5000

See the quickstart guide for more information.

Learn Svelte

Svelte components are written in HTML files. 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?

TODO. See this issue

Contributors

Svelte is free and open source software, made possible by the work of dozens of volunteers. Join us!

{#each contributors as contributor} {contributor.name} {/each}