Skip to main content
Docs
Docs
Svelte
SvelteKit
CLI
MCP
Tutorial
Packages
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 ...}
{@attach ...}
{@const ...}
{@debug ...}
bind:
use:
transition:
in: and out:
animate:
style:
class
await
Styling
Scoped styles
Global styles
Custom properties
Nested <style> elements
Special elements
<svelte:boundary>
<svelte:window>
<svelte:document>
<svelte:body>
<svelte:head>
<svelte:element>
<svelte:options>
Runtime
Stores
Context
Lifecycle hooks
Imperative component API
Hydratable data
Misc
Testing
TypeScript
Custom elements
Svelte 4 migration guide
Svelte 5 migration guide
Frequently asked questions
Reference
svelte
svelte/action
svelte/animate
svelte/attachments
svelte/compiler
svelte/easing
svelte/events
svelte/legacy
svelte/motion
svelte/reactivity/window
svelte/reactivity
svelte/server
svelte/store
svelte/transition
Compiler errors
Compiler warnings
Runtime errors
Runtime warnings
Legacy APIs