Skip to main content
Docs
Docs
Svelte
SvelteKit
CLI
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 ...}
{@debug ...}
bind
use
transition
in: and out
animate
class
style
Styling
Scoped styles
Global styles
Custom properties
Nested