Svelte • Cybernetically enhanced web apps

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.

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

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?

Contributors

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

{#each contributors as contributor, i} {contributor} {/each}