Details
- Website svelte.dev
- Source code sveltejs/svelte
- Weekly downloads 996.4k
- GitHub stars 76.7k
- Related technologies
Frameworks are not tools for organizing your code, they are tools for organizing your mind. This encapsulates the philosophy behind the Svelte framework.
Getting started with Svelte
Svelte starter (TypeScript) Official Vite template Try on 
Start a Svelte project in a terminal
npm create svelte@latest myapp About Svelte
Svelte’s reactivity model is also unique; it enables direct updates to variables without the need for additional code or hooks, simplifying state management and making it easier to handle constant updates and changes in projects.
SvelteKit, an extension of Svelte, offers additional functionalities like routing, server-side rendering, and more, providing a complete development experience.
<script lang="ts">
let count: number = 0
const increment = () => {
count += 1
}
</script>
<button on:click={increment}>
count is {count}
</button>
Popular projects on StackBlitz
| Project title | Description |
|---|---|
| Superforms 2 edit with modal form | Demonstrates how to edit a list of users with a modal form. |
| demo_noise-field | Experimenting with simplex-noise to create turbulent vector fields |
| Astro + Svelte 5 | Run official live example code for Astro Framework Svelte, created by Withastro on StackBlitz |
| demo_tree-generator | Procedurally generated trees |
| Svelte Flow | Svelte Flow examples |
| svelte-preprocess-delegate-events - demo | |
| Superforms tutorial | The tutorial on the Superforms website. |
| starter_threlte-scroller | A starter template for scrollytelling with threlte and svelte-scroller |
| Svelte JS Ecosystem | |
| vite-plugin-svelte-inspector demo |
