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
Template syntax
in: and out:
Coming soon!
Edit this page on GitHub
previous
next
transition:
animate: