# Svelte

> Docs for Svelte, SvelteKit, and the Svelte CLI.

## Introduction

- [Overview](http://sveltekit-prerender/docs/introduction/overview)
- [Getting started](http://sveltekit-prerender/docs/introduction/getting-started)
- [.svelte files](http://sveltekit-prerender/docs/introduction/svelte-files)
- [.svelte.js and .svelte.ts files](http://sveltekit-prerender/docs/introduction/svelte-js-files)

## Runes

- [What are runes?](http://sveltekit-prerender/docs/runes/what-are-runes)
- [$state](http://sveltekit-prerender/docs/runes/$state)
- [$derived](http://sveltekit-prerender/docs/runes/$derived)
- [$effect](http://sveltekit-prerender/docs/runes/$effect)
- [$props](http://sveltekit-prerender/docs/runes/$props)
- [$bindable](http://sveltekit-prerender/docs/runes/$bindable)
- [$inspect](http://sveltekit-prerender/docs/runes/$inspect)
- [$host](http://sveltekit-prerender/docs/runes/$host)

## Template syntax

- [Basic markup](http://sveltekit-prerender/docs/template-syntax/basic-markup)
- [{#if ...}](http://sveltekit-prerender/docs/template-syntax/if)
- [{#each ...}](http://sveltekit-prerender/docs/template-syntax/each)
- [{#key ...}](http://sveltekit-prerender/docs/template-syntax/key)
- [{#await ...}](http://sveltekit-prerender/docs/template-syntax/await)
- [{#snippet ...}](http://sveltekit-prerender/docs/template-syntax/snippet)
- [{@render ...}](http://sveltekit-prerender/docs/template-syntax/@render)
- [{@html ...}](http://sveltekit-prerender/docs/template-syntax/@html)
- [{@attach ...}](http://sveltekit-prerender/docs/template-syntax/@attach)
- [{@const ...}](http://sveltekit-prerender/docs/template-syntax/@const)
- [{@debug ...}](http://sveltekit-prerender/docs/template-syntax/@debug)
- [{let/const ...}](http://sveltekit-prerender/docs/template-syntax/declaration-tags)
- [bind:](http://sveltekit-prerender/docs/template-syntax/bind)
- [use:](http://sveltekit-prerender/docs/template-syntax/use)
- [transition:](http://sveltekit-prerender/docs/template-syntax/transition)
- [in: and out:](http://sveltekit-prerender/docs/template-syntax/in-and-out)
- [animate:](http://sveltekit-prerender/docs/template-syntax/animate)
- [style:](http://sveltekit-prerender/docs/template-syntax/style)
- [class](http://sveltekit-prerender/docs/template-syntax/class)
- [await](http://sveltekit-prerender/docs/template-syntax/await-expressions)

## Styling

- [Scoped styles](http://sveltekit-prerender/docs/styling/scoped-styles)
- [Global styles](http://sveltekit-prerender/docs/styling/global-styles)
- [Custom properties](http://sveltekit-prerender/docs/styling/custom-properties)
- [Nested <style> elements](http://sveltekit-prerender/docs/styling/nested-style-elements)

## Special elements

- [<svelte:boundary>](http://sveltekit-prerender/docs/special-elements/svelte-boundary)
- [<svelte:window>](http://sveltekit-prerender/docs/special-elements/svelte-window)
- [<svelte:document>](http://sveltekit-prerender/docs/special-elements/svelte-document)
- [<svelte:body>](http://sveltekit-prerender/docs/special-elements/svelte-body)
- [<svelte:head>](http://sveltekit-prerender/docs/special-elements/svelte-head)
- [<svelte:element>](http://sveltekit-prerender/docs/special-elements/svelte-element)
- [<svelte:options>](http://sveltekit-prerender/docs/special-elements/svelte-options)

## Runtime

- [Stores](http://sveltekit-prerender/docs/runtime/stores)
- [Context](http://sveltekit-prerender/docs/runtime/context)
- [Lifecycle hooks](http://sveltekit-prerender/docs/runtime/lifecycle-hooks)
- [Imperative component API](http://sveltekit-prerender/docs/runtime/imperative-component-api)
- [Hydratable data](http://sveltekit-prerender/docs/runtime/hydratable)

## Misc

- [Best practices](http://sveltekit-prerender/docs/misc/best-practices)
- [Testing](http://sveltekit-prerender/docs/misc/testing)
- [TypeScript](http://sveltekit-prerender/docs/misc/typescript)
- [Custom elements](http://sveltekit-prerender/docs/misc/custom-elements)
- [Browser support](http://sveltekit-prerender/docs/misc/browser-support)
- [Svelte 4 migration guide](http://sveltekit-prerender/docs/misc/v4-migration-guide)
- [Svelte 5 migration guide](http://sveltekit-prerender/docs/misc/v5-migration-guide)
- [Frequently asked questions](http://sveltekit-prerender/docs/misc/faq)

## Reference

- [svelte](http://sveltekit-prerender/docs/reference/svelte)
- [svelte/action](http://sveltekit-prerender/docs/reference/svelte-action)
- [svelte/animate](http://sveltekit-prerender/docs/reference/svelte-animate)
- [svelte/attachments](http://sveltekit-prerender/docs/reference/svelte-attachments)
- [svelte/compiler](http://sveltekit-prerender/docs/reference/svelte-compiler)
- [svelte/easing](http://sveltekit-prerender/docs/reference/svelte-easing)
- [svelte/events](http://sveltekit-prerender/docs/reference/svelte-events)
- [svelte/legacy](http://sveltekit-prerender/docs/reference/svelte-legacy)
- [svelte/motion](http://sveltekit-prerender/docs/reference/svelte-motion)
- [svelte/reactivity](http://sveltekit-prerender/docs/reference/svelte-reactivity)
- [svelte/reactivity/window](http://sveltekit-prerender/docs/reference/svelte-reactivity-window)
- [svelte/server](http://sveltekit-prerender/docs/reference/svelte-server)
- [svelte/store](http://sveltekit-prerender/docs/reference/svelte-store)
- [svelte/transition](http://sveltekit-prerender/docs/reference/svelte-transition)
- [Compiler errors](http://sveltekit-prerender/docs/reference/compiler-errors)
- [Compiler warnings](http://sveltekit-prerender/docs/reference/compiler-warnings)
- [Runtime errors](http://sveltekit-prerender/docs/reference/runtime-errors)
- [Runtime warnings](http://sveltekit-prerender/docs/reference/runtime-warnings)

## Legacy APIs

- [Overview](http://sveltekit-prerender/docs/legacy/legacy-overview)
- [Reactive let/var declarations](http://sveltekit-prerender/docs/legacy/legacy-let)
- [Reactive $: statements](http://sveltekit-prerender/docs/legacy/legacy-reactive-assignments)
- [export let](http://sveltekit-prerender/docs/legacy/legacy-export-let)
- [$$props and $$restProps](http://sveltekit-prerender/docs/legacy/legacy-$$props-and-$$restProps)
- [on:](http://sveltekit-prerender/docs/legacy/legacy-on)
- [<slot>](http://sveltekit-prerender/docs/legacy/legacy-slots)
- [$$slots](http://sveltekit-prerender/docs/legacy/legacy-$$slots)
- [<svelte:fragment>](http://sveltekit-prerender/docs/legacy/legacy-svelte-fragment)
- [<svelte:component>](http://sveltekit-prerender/docs/legacy/legacy-svelte-component)
- [<svelte:self>](http://sveltekit-prerender/docs/legacy/legacy-svelte-self)
- [Imperative component API](http://sveltekit-prerender/docs/legacy/legacy-component-api)