\n

Hello {name}!

\n\n\n

Frameworks

Svelte Cheat Sheet

Print-ready cheat sheet for Svelte, organized for fast lookup, study, and desk-side use

Source
Svelte Documentation (svelte.dev)
License
MIT
Variants
3 download options
Updated
2026-03-27

Sample

What's in this cheat sheet

Basic Component

<script>
  let name = "world";
</script>
<h1>Hello {name}!</h1>
<style>
  h1 { color: purple; }
</style>

Component Structure

<script>Component logic (JS/TS)
MarkupHTML template with `{expressions}`
<style>Scoped CSS (auto-scoped to component)
<script context="module">Runs once per module, not per instance

Download the full cheat sheet for all sections, formatted for print

Download PDF

Downloads

Choose the treatment that matches how you read

Text formats

Copy or download as plain text

Download Markdown

Best for copying commands, snippets, and config into notes, prompts, or docs

Download Markdown

Preview

The web preview is for quick browsing. The PDF remains the authoritative print artifact

Open in Browser