Skip to main content
Docs
Docs
Svelte
SvelteKit
Tutorial
Playground
Blog
Introduction
Overview
Getting started
.svelte files
.svelte.js and .svelte.ts files
Runes
What are runes?
$state
$derived
$effect
$props
$bindable
$inspect
$host
Template syntax
Basic markup
{#if ...}
{#each ...}
{#key ...}
{#await ...}
{#snippet ...}
{@render ...}
{@html ...}
{@const ...}
bind:
use:
transition:
in: and out:
animate:
class: and style:
Styling
Styles & Classes
Special elements
Special elements
Runtime
Stores
Context
Lifecycle hooks
Imperative component API
Misc
Debugging
Testing
TypeScript
Custom elements
Reactivity in depth
Svelte 4 migration guide
Svelte 5 migration guide
Frequently asked questions
Reference
svelte
svelte/action
svelte/animate
svelte/compiler
svelte/easing
svelte/events
svelte/legacy
svelte/motion
svelte/reactivity
svelte/server
svelte/store
svelte/transition
Compiler errors
Compiler warnings
Runtime errors
Runtime warnings
Svelte
Misc
Reactivity in depth
how to think about Runes (“just JavaScript” with added reactivity, what this means for keeping reactivity alive across boundaries)
signals
Edit this page on GitHub
previous
next
Custom elements
Svelte 4 migration guide