CINXE.COM
Svelte • Web development for the rest of us
<!doctype html> <html lang="en" class="theme-default typo-default"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="theme-color" content="#ff3e00" /> <link rel="manifest" href="/manifest.json" /> <link rel="icon" type="image/png" href="/favicon.png" /> <meta name="twitter:site" content="@sveltejs" /> <meta name="twitter:creator" content="@sveltejs" /> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Svelte" /> <script> document.documentElement.classList.add( JSON.parse(localStorage.getItem('svelte:theme'))?.current ?? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') ); document.documentElement.classList.add( `font-${localStorage.getItem('svelte:font') ?? 'elegant'}` ); </script> <style>svg.svelte-r1j42q{vertical-align:middle;-o-object-fit:contain;object-fit:contain;transform-origin:50%;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;position:relative;overflow:hidden} .dropdown.svelte-1n638ht{height:100%;display:inline-block;position:relative}.dropdown-content.svelte-1n638ht{opacity:0;pointer-events:none;background-color:var(--sk-bg-2);z-index:1;filter:var(--sk-shadow);border-radius:var(--sk-border-radius);z-index:999;-webkit-transform:var(--safari-fix);will-change:opacity;position:absolute;top:calc(50% + min(50%,1.5rem));left:-1rem}.dropdown-content.svelte-1n638ht.align-right{left:auto;right:-1rem}.dropdown.svelte-1n638ht:hover .dropdown-content:where(.svelte-1n638ht){opacity:1;pointer-events:all}.dropdown.svelte-1n638ht:focus-within .dropdown-content:where(.svelte-1n638ht){opacity:1;pointer-events:all} .hover-menu.svelte-ih6di{padding:.5rem}.hover-menu.svelte-ih6di a,.hover-menu.svelte-ih6di button{color:inherit;font:var(--sk-font-ui-medium);text-align:left;border-radius:var(--sk-border-radius-inner);width:100%;padding:1rem;line-height:1;text-decoration:none;display:block}.hover-menu.svelte-ih6di a:hover,.hover-menu.svelte-ih6di button:hover{background-color:var(--sk-bg-4)} </style> <link href="./_app/immutable/assets/0.BlrZo0w5.css" rel="stylesheet"> <link href="./_app/immutable/assets/Icon.SME7pts2.css" rel="stylesheet" disabled media="(max-width: 0)"> <link href="./_app/immutable/assets/Dropdown.UZ_-74Ws.css" rel="stylesheet" disabled media="(max-width: 0)"> <link href="./_app/immutable/assets/HoverMenu.Bhj44MBp.css" rel="stylesheet" disabled media="(max-width: 0)"> <link href="./_app/immutable/assets/SearchResults.BB2cPHTO.css" rel="stylesheet"> <link href="./_app/immutable/assets/5.CzXWBKgc.css" rel="stylesheet"> <link rel="preload" as="font" type="font/woff2" href="./_app/immutable/assets/eb-garamond-latin-400-normal.CUgs0swt.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="./_app/immutable/assets/dm-serif-display-latin-400-normal.B8alCAS1.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="./_app/immutable/assets/fira-sans-latin-400-normal.DqUVgETp.woff2" crossorigin> <link rel="modulepreload" href="./_app/immutable/entry/start.BbX7W4R_.js"> <link rel="modulepreload" href="./_app/immutable/chunks/entry.3ISTTGth.js"> <link rel="modulepreload" href="./_app/immutable/chunks/index-client.BVwHWkny.js"> <link rel="modulepreload" href="./_app/immutable/chunks/runtime.DpnyGMIW.js"> <link rel="modulepreload" href="./_app/immutable/chunks/utils.DTiOWacj.js"> <link rel="modulepreload" href="./_app/immutable/chunks/control.CYgJF_JY.js"> <link rel="modulepreload" href="./_app/immutable/entry/app.BVKh5gSG.js"> <link rel="modulepreload" href="./_app/immutable/chunks/22.86e8shJ1.js"> <link rel="modulepreload" href="./_app/immutable/chunks/render.S2g2WB8J.js"> <link rel="modulepreload" href="./_app/immutable/chunks/utils.DjNpXng4.js"> <link rel="modulepreload" href="./_app/immutable/chunks/svelte-head.BKpfTei4.js"> <link rel="modulepreload" href="./_app/immutable/chunks/template.C2Zn-bT0.js"> <link rel="modulepreload" href="./_app/immutable/chunks/disclose-version.Bg9kRutz.js"> <link rel="modulepreload" href="./_app/immutable/chunks/if.DdlRRMv9.js"> <link rel="modulepreload" href="./_app/immutable/chunks/svelte-component.CcsTdLYE.js"> <link rel="modulepreload" href="./_app/immutable/chunks/proxy.D1ITRaJz.js"> <link rel="modulepreload" href="./_app/immutable/chunks/this.BtTkxnUn.js"> <link rel="modulepreload" href="./_app/immutable/chunks/props.Ceb8qDx4.js"> <link rel="modulepreload" href="./_app/immutable/chunks/store.DGj6PblD.js"> <link rel="modulepreload" href="./_app/immutable/nodes/0.BAEzWTaV.js"> <link rel="modulepreload" href="./_app/immutable/chunks/snippet.Ct1YDlU2.js"> <link rel="modulepreload" href="./_app/immutable/chunks/utils.yZnNZIrI.js"> <link rel="modulepreload" href="./_app/immutable/chunks/index.UHkokLuM.js"> <link rel="modulepreload" href="./_app/immutable/chunks/stores.DEYC3Rqb.js"> <link rel="modulepreload" href="./_app/immutable/chunks/attributes.DjJESMS0.js"> <link rel="modulepreload" href="./_app/immutable/chunks/class.CE5KSPeq.js"> <link rel="modulepreload" href="./_app/immutable/chunks/style.PwPRnE0L.js"> <link rel="modulepreload" href="./_app/immutable/chunks/Icon.cHli03d0.js"> <link rel="modulepreload" href="./_app/immutable/chunks/actions.Bow8HgU3.js"> <link rel="modulepreload" href="./_app/immutable/chunks/focus.Cnk6EOPo.js"> <link rel="modulepreload" href="./_app/immutable/chunks/Dropdown.BsaycpQt.js"> <link rel="modulepreload" href="./_app/immutable/chunks/HoverMenu.CpMtXKal.js"> <link rel="modulepreload" href="./_app/immutable/chunks/SearchResults.BHiUmEfq.js"> <link rel="modulepreload" href="./_app/immutable/chunks/html.BzRHRQqp.js"> <link rel="modulepreload" href="./_app/immutable/nodes/5.Dw_xxMVP.js"> <link rel="modulepreload" href="./_app/immutable/chunks/index.De_1-CT6.js"> <link rel="modulepreload" href="./_app/immutable/chunks/lifecycle.Dxuw-yMC.js"> <link rel="modulepreload" href="./_app/immutable/chunks/input.NyoXja5L.js"> <link rel="modulepreload" href="./_app/immutable/chunks/universal.BAiWWaKF.js"><!--[--><!--[--><meta name="twitter:card" content="summary"> <meta name="twitter:image" content="https://svelte.dev/images/twitter-thumbnail.jpg"> <meta name="og:image" content="https://svelte.dev/images/twitter-thumbnail.jpg"><!--]--><!--]--><!--[--><meta name="twitter:title" content="Svelte"> <meta name="twitter:description" content="Web development for the rest of us"> <meta name="Description" content="Web development for the rest of us"><!--]--><title>Svelte • Web development for the rest of us</title> </head> <body data-sveltekit-preload-data="hover"> <script> { const div = document.createElement('div'); Object.assign(div.style, { width: '100px', height: '100px', overflow: 'scroll', position: 'absolute', top: '-9999px' }); document.body.append(div); document.documentElement.classList.add( div.offsetWidth - div.clientWidth > 0 ? 'scrollbars-visible' : 'scrollbars-invisible' ); div.remove(); } </script> <div style="height: 100%"><!--[--><!--[--><!----><div style="display: none"><svg><symbol id="arrow-left" class="icon" viewBox="0 0 24 24"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></symbol><symbol id="arrow-right" class="icon" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></symbol><symbol id="arrow-right-chevron" viewBox="0 0 24 24"><path fill="currentColor" d="M8.7 17.3q-.275-.275-.275-.7t.275-.7l3.9-3.9l-3.9-3.9q-.275-.275-.275-.7t.275-.7q.275-.275.7-.275t.7.275l4.6 4.6q.15.15.213.325t.062.375q0 .2-.063.375t-.212.325l-4.6 4.6q-.275.275-.7.275t-.7-.275Z"></path></symbol><symbol id="arrow-up" class="icon" viewBox="0 0 24 24"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></symbol><symbol id="arrow-down" class="icon" viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></symbol><symbol id="check" class="icon" viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></symbol><symbol id="close" class="icon" viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></symbol><symbol id="download" class="icon" viewBox="0 0 24 24"><path d="M21 15V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V15"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></symbol><symbol id="edit" class="icon" viewBox="0 0 24 24"><path d="M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34"></path><polygon points="18 2 22 6 12 16 8 16 8 12 18 2"></polygon></symbol><symbol id="git-branch" class="icon" viewBox="0 0 24 24"><line x1="6" y1="3" x2="6" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></symbol><symbol id="log-in" class="icon" viewBox="0 0 24 24"><path d="M15 3H19A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H15"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" y1="12" x2="3" y2="12"></line></symbol><symbol id="maximize" class="icon" viewBox="0 0 24 24"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></symbol><symbol id="maximize-2" class="icon" viewBox="0 0 24 24"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></symbol><symbol id="menu" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M7.95 11.95h32m-32 12h32m-32 12h32"></path></symbol><symbol id="message-square" class="icon" viewBox="0 0 24 24"><g transform="translate(0, 1)"><path d="M16.5 19H11V15H18V11H22V19H19.5L18 20.5L16.5 19Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2 3H18V15H8.5L6.5 17L4.5 15H2V3 M5 10L5 12L10 12L10 10 M5 6L5 9L13 9L13 6Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></symbol><symbol id="minus" class="icon" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"></line></symbol><symbol id="plus" class="icon" viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></symbol><symbol id="save" class="icon" viewBox="0 0 24 24"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></symbol><symbol id="link" class="icon" viewBox="0 0 24 24"><path d="M9,7L6,7A2 2 0 0 0 6,17L9,17"></path><path d="M15,7L18,7A2 2 0 0 1 18,17L15,17"></path><path d="M7,12L17,12"></path></symbol><symbol viewBox="0 0 24 24" id="external-link"><path fill="currentColor" stroke-width="0" d="m16 8.4l-8.875 8.9q-.3.3-.713.3t-.712-.3q-.3-.3-.3-.713t.3-.712L14.6 7H7q-.425 0-.713-.288T6 6q0-.425.288-.713T7 5h10q.425 0 .713.288T18 6v10q0 .425-.288.713T17 17q-.425 0-.713-.288T16 16V8.4Z"></path></symbol><symbol id="chevron-up" class="icon" viewBox="0 0 24 24"><polyline points="18 15 12 9 6 15"></polyline></symbol><symbol id="chevron-down" class="icon" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"></path></symbol><symbol id="delete" class="icon" viewBox="0 0 24 24"><path fill="currentColor" stroke="none" d="M22 4.2h-5.6L15 1.6c-.1-.2-.4-.4-.7-.4H9.6c-.2 0-.5.2-.6.4L7.6 4.2H2c-.4 0-.8.4-.8.8s.4.8.8.8h1.8V22c0 .4.3.8.8.8h15c.4 0 .8-.3.8-.8V5.8H22c.4 0 .8-.3.8-.8s-.4-.8-.8-.8zM10.8 16.5c0 .4-.3.8-.8.8s-.8-.3-.8-.8V10c0-.4.3-.8.8-.8s.8.3.8.8v6.5zm4 0c0 .4-.3.8-.8.8s-.8-.3-.8-.8V10c0-.4.3-.8.8-.8s.8.3.8.8v6.5z"></path></symbol><symbol id="home" viewBox="0 0 256 256"><path fill="currentColor" d="m221.56 100.85l-79.95-75.47l-.16-.15a19.93 19.93 0 0 0-26.91 0l-.17.15l-79.93 75.47a20.07 20.07 0 0 0-6.44 14.7V208a20 20 0 0 0 20 20h48a20 20 0 0 0 20-20v-44h24v44a20 20 0 0 0 20 20h48a20 20 0 0 0 20-20v-92.45a20.07 20.07 0 0 0-6.44-14.7ZM204 204h-40v-44a20 20 0 0 0-20-20h-32a20 20 0 0 0-20 20v44H52v-86.72l76-71.75l76 71.75Z"></path></symbol><symbol id="search" viewBox="0 0 24 24"><path stroke-width="0.2" fill="currentColor" d="m18.9 20.3l-5.6-5.6q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.888T3 9.5q0-2.725 1.888-4.612T9.5 3q2.725 0 4.612 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.625 5.625q.275.275.275.675t-.3.7q-.275.275-.7.275t-.7-.275ZM9.5 14q1.875 0 3.188-1.313T14 9.5q0-1.875-1.313-3.188T9.5 5Q7.625 5 6.312 6.313T5 9.5q0 1.875 1.313 3.188T9.5 14Z"></path></symbol><symbol id="docs" viewBox="0 0 16 16"><path fill="currentColor" d="M1 3.25C1 2.56 1.56 2 2.249 2h.5c.69 0 1.248.56 1.248 1.25v9.495c0 .69-.559 1.25-1.248 1.25h-.5A1.25 1.25 0 0 1 1 12.744V3.249ZM2.249 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm2.748.25c0-.69.559-1.25 1.249-1.25h.5c.689 0 1.248.56 1.248 1.25v9.495c0 .69-.56 1.25-1.249 1.25h-.5a1.25 1.25 0 0 1-1.248-1.25V3.249ZM6.246 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .249-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm5.726 1.777a1.249 1.249 0 0 0-1.57-.713l-.583.204a1.25 1.25 0 0 0-.746 1.645l2.937 7.304c.249.62.94.933 1.571.713l.582-.204a1.25 1.25 0 0 0 .746-1.646l-2.937-7.303Zm-1.24.23a.25.25 0 0 1 .313.143l2.937 7.303a.25.25 0 0 1-.149.33l-.582.203a.25.25 0 0 1-.314-.142L10 5.54a.25.25 0 0 1 .149-.329l.582-.204Z"></path></symbol><symbol id="contents" viewBox="0 0 256 256" stroke-width="0"><path fill="currentColor" d="M224 44h-64a43.86 43.86 0 0 0-32 13.85A43.86 43.86 0 0 0 96 44H32a20 20 0 0 0-20 20v128a20 20 0 0 0 20 20h64a20 20 0 0 1 20 20a12 12 0 0 0 24 0a20 20 0 0 1 20-20h64a20 20 0 0 0 20-20V64a20 20 0 0 0-20-20ZM96 188H36V68h60a20 20 0 0 1 20 20v104.81A43.79 43.79 0 0 0 96 188Zm124 0h-60a43.71 43.71 0 0 0-20 4.83V88a20 20 0 0 1 20-20h60Z"></path></symbol><symbol viewBox="0 0 24 24" id="copy-to-clipboard-empty"><path fill="currentColor" d="M5 22q-.825 0-1.413-.588T3 20V6h2v14h11v2H5Zm4-4q-.825 0-1.413-.588T7 16V4q0-.825.588-1.413T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.588 1.413T18 18H9Zm0-2h9V4H9v12Zm0 0V4v12Z"></path></symbol><symbol viewBox="0 0 24 24" id="copy-to-clipboard-filled"><path fill="currentColor" d="M5 22q-.825 0-1.413-.588T3 20V6h2v14h11v2H5Zm4-4q-.825 0-1.413-.588T7 16V4q0-.825.588-1.413T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.588 1.413T18 18H9Z"></path></symbol><symbol viewBox="0 0 24 24" id="font-toggle"><g stroke="currentColor"><path d="m3 15 4-8 4 8"></path><path d="M4 13h6"></path><circle cx="18" cy="12" r="3"></circle><path d="M21 9v6"></path></g></symbol></svg></div><!----> <!--[!--><!--]--> <!--[--><a href="#main" class="svelte-1p3m22y"><!--[!-->Skip to main content<!--]--></a><!----> <nav aria-label="Primary" class="svelte-wyep2e visible"><a class="home-link svelte-wyep2e" href="/" title="Homepage" aria-label="Svelte"></a> <!--[!--><!--]--> <div class="desktop svelte-wyep2e"><div class="links svelte-wyep2e"><!--[--><!--[--><div class="dropdown svelte-1n638ht"><a href="/docs" class="svelte-wyep2e">Docs <svg width="20" height="20" class="svelte-r1j42q"><use xlink:href="#chevron-down"></use></svg><!----></a><!----> <nav class="dropdown-content svelte-1n638ht "><div class="hover-menu svelte-ih6di"><!--[--><a class="secondary svelte-wyep2e" href="/docs/svelte">Svelte</a><a class="secondary svelte-wyep2e" href="/docs/kit">SvelteKit</a><a class="secondary svelte-wyep2e" href="/docs/cli">CLI</a><!--]--><!----></div><!----></nav></div><!--]--><!--[!--><a href="/tutorial" class="svelte-wyep2e">Tutorial</a><!--]--><!--[!--><a href="/playground" class="svelte-wyep2e">Playground</a><!--]--><!--[!--><a href="/blog" class="svelte-wyep2e">Blog</a><!--]--><!--]--></div> <div class="menu svelte-wyep2e"><form class="search-container svelte-15p10ud" action="/search"><input value="" type="search" name="q" placeholder="Search" aria-label="Search" spellcheck="false" class="svelte-15p10ud"> <!--[!--><!--]--></form><!----> <div class="external-links svelte-wyep2e"><a href="/chat" data-icon="discord" aria-label="Discord Chat" class="svelte-wyep2e"></a> <a href="https://bsky.app/profile/sveltesociety.dev" data-icon="bluesky" aria-label="Svelte Society on Bluesky" class="svelte-wyep2e"></a> <a href="https://github.com/sveltejs/svelte" data-icon="github" aria-label="GitHub Repo" class="svelte-wyep2e"></a></div> <button class="raised icon svelte-17ei7vx" type="button" aria-pressed="false" aria-label="Toggle font"></button><!----> <button class="raised icon svelte-4ioj81" type="button" aria-pressed="false" aria-label="Toggle dark mode"></button><!----></div></div> <div class="mobile mobile-menu svelte-wyep2e"><button aria-label="Search" class="raised icon search"><svg width="18" height="18" class="svelte-r1j42q"><use xlink:href="#search"></use></svg><!----></button> <button class="raised icon svelte-17ei7vx" type="button" aria-pressed="false" aria-label="Toggle font"></button><!----> <button class="raised icon svelte-4ioj81" type="button" aria-pressed="false" aria-label="Toggle dark mode"></button><!----> <button aria-label="Toggle menu" aria-expanded="false" class="menu-toggle raised icon "><svg width="16" height="16" class="svelte-r1j42q"><use xlink:href="#menu"></use></svg><!----></button></div></nav> <!--[!--><!--]--><!----><!--]--> <!--[!--><!--]--> <main id="main" class="svelte-nougs"><!--[!--><!----><div class="home svelte-zgri6k"><h1 class="visually-hidden">Svelte</h1> <div class="hero svelte-z3aw0o"><div class="hero-content svelte-z3aw0o"><h1 class="svelte-z3aw0o">web development for the rest of us</h1> <a href="/docs" class="cta svelte-z3aw0o">get started <svg width="20" height="20" class="svelte-r1j42q"><use xlink:href="#arrow-right"></use></svg><!----></a></div> <picture class="machine svelte-z3aw0o"><source srcset="/_app/immutable/assets/svelte-machine-desktop.BTbMsEvw.avif 1200w, /_app/immutable/assets/svelte-machine-desktop.D1AdPNtK.avif 2000w, /_app/immutable/assets/svelte-machine-desktop.BaBg012c.avif 2800w, /_app/immutable/assets/svelte-machine-desktop.Bt-AFhls.avif 3795w" width="3795" height="993" type="image/avif" media="(min-width: 800px)"> <source srcset="/_app/immutable/assets/svelte-machine-desktop.COVYjRo0.webp 1200w, /_app/immutable/assets/svelte-machine-desktop.y3WSYPvD.webp 2000w, /_app/immutable/assets/svelte-machine-desktop.C5Be0cyk.webp 2800w, /_app/immutable/assets/svelte-machine-desktop.BWdfTQnX.webp 3795w" width="3795" height="993" type="image/webp" media="(min-width: 800px)"> <source srcset="/_app/immutable/assets/svelte-machine-desktop.PDZE1XYj.png 1200w, /_app/immutable/assets/svelte-machine-desktop.PDZE1XYj.png 1200w, /_app/immutable/assets/svelte-machine-desktop.DmcmH1ox.png 2000w, /_app/immutable/assets/svelte-machine-desktop.DmcmH1ox.png 2000w, /_app/immutable/assets/svelte-machine-desktop.di6QGmu2.png 2800w, /_app/immutable/assets/svelte-machine-desktop.di6QGmu2.png 2800w, /_app/immutable/assets/svelte-machine-desktop.Uaxpa2Ez.png 3795w, /_app/immutable/assets/svelte-machine-desktop.Uaxpa2Ez.png 3795w" width="3795" height="993" type="image/png" media="(min-width: 800px)"> <source srcset="/_app/immutable/assets/svelte-machine-mobile.NMYHOpjo.avif 960w" width="2208" height="936" type="image/avif"> <source srcset="/_app/immutable/assets/svelte-machine-mobile.DrHh4BwX.webp 960w" width="2208" height="936" type="image/webp"> <source srcset="/_app/immutable/assets/svelte-machine-mobile.DvdUPrKo.png 960w, /_app/immutable/assets/svelte-machine-mobile.DvdUPrKo.png 960w" width="2208" height="936" type="image/png"> <img alt="The Svelte compiler packaging up your component code" src="/_app/immutable/assets/svelte-machine-mobile.DvdUPrKo.png" fetchpriority="high" class="svelte-z3aw0o"></picture></div><!----> <div class="outer svelte-9bxtys"><p class="definition svelte-9bxtys"><img class="pronunciation svelte-9bxtys" alt="Svelte pronunciation guide" src="/_app/immutable/assets/svelte-pronunciation.DFRMnECz.svg"> <span class="description svelte-9bxtys"><span class="adjective svelte-9bxtys"></span> attractively thin, graceful and stylish</span></p> <div class="blurb svelte-9bxtys"><p>Svelte is a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript. <strong>It’s a love letter to web development.</strong></p> <p>But don’t take our word for it. Developers consistently rank Svelte as the framework they’re most excited about using.</p></div> <div class="screenshots svelte-9bxtys"><a href="https://survey.stackoverflow.co/2024/technology#2-web-frameworks-and-technologies" class="svelte-9bxtys"><picture><source srcset="/_app/immutable/assets/stack-overflow.hVKXkyZl.avif 1200w" type="image/avif"><source srcset="/_app/immutable/assets/stack-overflow.CcH-eC1I.webp 1200w" type="image/webp"><img class="screenshot svelte-9bxtys" alt="Stack Overflow 2024 Developer Survey" src="/_app/immutable/assets/stack-overflow.CcsvTg5N.png" width="1200" height="647"></picture></a> <a href="https://2023.stateofjs.com/en-US/libraries/front-end-frameworks/" class="svelte-9bxtys"><picture><source srcset="/_app/immutable/assets/state-of-js-chart.DHpILjZG.avif 1000w" type="image/avif"><source srcset="/_app/immutable/assets/state-of-js-chart.BZ0T2iRk.webp 1000w" type="image/webp"><img class="screenshot svelte-9bxtys" alt="State of JavaScript 2023" src="/_app/immutable/assets/state-of-js-chart.ucrJLYrv.png" width="1000" height="458"></picture></a> <a href="https://x.com/flaviocopes/status/1730895911864189299" class="svelte-9bxtys"><picture><source srcset="/_app/immutable/assets/flavio-light.CdumFC3t.avif 800w" type="image/avif"><source srcset="/_app/immutable/assets/flavio-light.C2IrXmX4.webp 800w" type="image/webp"><img class="screenshot svelte-9bxtys" alt="Tweet from @flaviocopes" src="/_app/immutable/assets/flavio-light.BVbC_vKU.png" width="800" height="435"></picture></a></div></div><!----> <div class="companies svelte-1izccys"><div class="wing svelte-1izccys"><div class="logos svelte-1izccys"><img src="/_app/immutable/assets/mullvad.BoCDoRBI.svg" alt="Mullvad logo" class="svelte-1izccys"> <img src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20956.43%20250.08'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23888;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='stack-overflow'%3e%3cpath%20id='path22'%20class='cls-1'%20d='M264.07,113.19l9.18-9.18h-18.79v-22.31h-9.92v70.45c0,10.06,5.79,18.2,17.37,18.2h7.03v-8.55h-5.24c-6.34,0-9.24-3.72-9.24-9.93v-38.68h9.62ZM778,149.06v-76.94h-17.63v78.03c0,10.04,6.1,20.21,20.61,20.21h10.03v-14.92h-6.78c-4.48,0-6.24-2.17-6.24-6.37h0ZM937.85,99.7l-11.39,43.67-14.51-43.67h-12.88l-14.38,43.67-11.39-43.67h-18.72l21.7,70.66h14.51l14.78-44.35,14.78,44.35h14.51l21.56-70.66h-18.58ZM832.85,152.18c-2.03,2.03-4.75,3.12-8.27,3.12s-6.1-1.09-8.14-3.12c-3.66-3.66-4.07-9.9-4.07-17.22s.41-13.43,4.07-17.09c2.03-2.03,4.61-3.12,8.14-3.12s6.24,1.09,8.27,3.12c3.66,3.66,4.07,9.76,4.07,17.09s-.41,13.56-4.07,17.22ZM824.58,98.88c-10.44,0-17.5,4.07-21.84,8.68-6.38,6.65-8,14.65-8,27.4s1.63,20.89,8,27.53c4.34,4.61,11.39,8.68,21.84,8.68s17.63-4.07,21.97-8.68c6.38-6.65,8-14.65,8-27.53s-1.63-20.75-8-27.4c-4.34-4.61-11.53-8.68-21.97-8.68ZM721.34,92.33v77.95h17.63v-55.71h13.02v-13.43h-13.02v-7.73c0-4.07,2.03-6.37,6.24-6.37h6.78v-14.92h-10.04c-14.38,0-20.61,10.17-20.61,20.21ZM681.42,106.48v-6.78h-17.22v70.66h17.63v-42.59c0-8.95,5.97-13.02,11.39-13.02,4.34,0,6.59,1.44,9.3,4.15l13.35-13.38c-4.88-4.88-9.77-6.65-16.68-6.65-7.59,0-14.38,3.53-17.77,7.59h0ZM611.2,128.45c.13-3.12.54-5.02,1.63-7.59,1.9-4.2,5.83-7.32,11.8-7.32s9.9,3.12,11.8,7.32c1.09,2.58,1.49,4.47,1.63,7.59h-26.85ZM624.63,98.88c-18.31,0-30.79,13.02-30.79,36.08,0,28.62,16,36.21,32.68,36.21,12.75,0,19.67-3.93,26.85-11.12l-10.71-10.44c-4.48,4.48-8.27,6.65-16.01,6.65-9.9,0-15.46-6.65-15.46-15.73h44.21v-7.87c0-19.39-11.12-33.77-30.79-33.77h0ZM576.05,99.7l-14.24,43.67-14.38-43.67h-18.58l26.04,70.66h13.83l25.9-70.66h-18.58ZM507.4,152.18c-2.03,2.03-4.75,3.12-8.27,3.12s-6.1-1.09-8.14-3.12c-3.66-3.66-4.07-9.9-4.07-17.22s.41-13.43,4.07-17.09c2.04-2.03,4.61-3.12,8.14-3.12s6.24,1.09,8.27,3.12c3.66,3.66,4.07,9.76,4.07,17.09s-.41,13.56-4.07,17.22ZM499.13,98.88c-10.44,0-17.5,4.07-21.84,8.68-6.37,6.65-8,14.65-8,27.4s1.63,20.89,8,27.53c4.34,4.61,11.39,8.68,21.84,8.68s17.63-4.07,21.97-8.68c6.38-6.65,8-14.65,8-27.53s-1.63-20.75-8-27.4c-4.34-4.61-11.53-8.68-21.97-8.68ZM452.49,102.42h-12.37l-30.76,29.94.05-60.17h-9.93v98.16h9.93l-.05-24.76,12.04-12.08,22.75,36.84h12.27l-28.14-43.72,24.21-24.21ZM367.48,110.51c6.48,0,10.48,1.93,15.58,7.58,0,0,6.65-6.46,6.59-6.52-6.96-7.44-12.87-9.89-22.17-9.89-17.1,0-30.05,11.58-30.05,34.74s12.96,34.74,30.05,34.74c9.37,0,15.3-2.48,22.33-10.06l-6.75-6.48c-5.1,5.65-9.1,7.72-15.58,7.72s-12.13-2.62-15.72-7.72c-3.17-4.41-4.41-9.65-4.41-18.2s1.24-13.79,4.41-18.2c3.58-5.1,9.1-7.72,15.72-7.72h0ZM318.68,146.36c0,5.65-1.1,9.51-3.45,11.72-4.27,4.14-9.37,4.55-15.17,4.55-10.75,0-15.58-3.72-15.58-11.58s4.96-11.99,15.17-11.99h19.03v7.3ZM301.44,101.69c-10.88,0-17.74,2.15-23.74,9.75-.08.1,6.51,6.52,6.51,6.52,4-5.65,8.41-7.72,17.1-7.72,12.41,0,17.37,4.96,17.37,14.89v6.48h-20.4c-15.17,0-23.44,7.72-23.44,19.58,0,5.38,1.79,10.48,5.1,13.79,4.27,4.41,9.79,6.2,19.16,6.2s14.06-1.79,19.58-7.31v6.48h9.92v-46.05c0-14.75-8.96-22.61-27.16-22.61h0ZM216.56,132.16l-10.89-.96c-8.55-.69-11.85-4.14-11.85-9.93,0-6.89,5.24-11.17,15.17-11.17,7.03,0,13.24,1.65,18.06,5.38l6.48-6.48c-6.07-4.96-14.75-7.31-24.4-7.31-14.48,0-24.95,7.44-24.95,19.85,0,11.17,7.03,17.1,20.27,18.2l11.17.96c7.86.69,11.31,4,11.31,9.93,0,8-6.89,11.99-18.06,11.99-8.41,0-15.72-2.21-21.09-7.86l-6.62,6.62c7.44,7.17,16.41,9.79,27.85,9.79,16.41,0,27.57-7.58,27.57-20.68s-8.13-17.23-19.99-18.34'/%3e%3cpath%20id='path24'%20class='cls-1'%20d='M134,187.05v-50.29h16.76v67.05H0v-67.05h16.76v50.29h117.23'/%3e%3cpath%20id='path26'%20class='cls-1'%20d='M33.54,170.29h83.81v-16.76H33.54v16.76ZM108.65,15.95l-13.45,10,50.02,67.25,13.45-10L108.65,15.95ZM67.08,55.6l64.4,53.63,10.73-12.88-64.4-53.63-10.73,12.88ZM46.06,92.87l75.97,35.38,7.08-15.19-75.97-35.38-7.08,15.19ZM35.21,132.14l82.02,17.24,3.45-16.4-82.02-17.24-3.45,16.4'/%3e%3c/g%3e%3c/svg%3e" alt="Stack Overflow logo" class="svelte-1izccys"> <img src="/_app/immutable/assets/yelp.BCIQykSN.svg" alt="Yelp logo" class="svelte-1izccys"> <img src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20660.71%20250.08'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23888;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20id='square'%20class='cls-1'%20d='M137.95,35.14H27.68C12.39,35.14,0,47.53,0,62.81v110.27c0,15.29,12.39,27.68,27.68,27.68h110.27c15.29,0,27.68-12.39,27.68-27.68V62.81c0-15.29-12.39-27.68-27.68-27.68ZM135.52,161.91c0,4.83-3.91,8.74-8.74,8.74H38.85c-4.83,0-8.74-3.91-8.74-8.74v-87.93c0-4.83,3.91-8.74,8.74-8.74h87.93c4.83,0,8.74,3.91,8.74,8.74v87.93ZM65.25,140.43c-2.78,0-5.01-2.25-5.01-5.03v-35.1c0-2.78,2.23-5.05,5.01-5.05h35.15c2.76,0,5.01,2.25,5.01,5.05v35.09c0,2.78-2.25,5.03-5.01,5.03h-35.15v.02ZM209.54,138.03h18.08c.9,10.24,7.84,18.23,21.85,18.23,12.51,0,20.2-6.18,20.2-15.52,0-8.74-6.03-12.66-16.89-15.22l-14.02-3.01c-15.22-3.31-26.68-13.11-26.68-29.09,0-17.64,15.67-29.69,36.02-29.69,21.55,0,35.42,11.31,36.62,28.03h-17.49c-2.08-7.83-8.58-12.49-19.12-12.49-11.16,0-18.83,6.03-18.83,13.72s6.63,12.36,18.08,14.92l13.87,3.01c15.22,3.31,25.61,12.51,25.61,28.63,0,20.5-15.37,32.71-37.37,32.71-24.73-.02-38.43-13.42-39.95-34.22h0ZM351.56,200.76v-29.99l1.18-13.16h-1.18c-4.15,9.46-12.86,14.64-24.68,14.64-19.07,0-33.26-15.52-33.26-39.32s14.19-39.32,33.26-39.32c11.67,0,19.95,5.46,24.68,14.04h1.18v-12.57h15.67v105.68h-16.85ZM352.14,132.92c0-15.22-9.31-24.1-20.7-24.1s-20.7,8.88-20.7,24.1,9.31,24.1,20.7,24.1,20.7-8.86,20.7-24.1h0ZM380.92,140.76v-45.68h16.85v44.2c0,11.97,5.76,17.74,15.37,17.74,11.82,0,19.52-8.43,19.52-21.58v-40.35h16.85v75.67h-15.67v-15.67h-1.18c-3.7,10.06-11.82,17.15-24.38,17.15-18.05,0-27.36-11.52-27.36-31.47h0ZM459.77,149.62c0-14.19,9.91-22.46,27.49-23.5l20.83-1.33v-5.91c0-7.09-5.18-11.37-14.34-11.37-8.43,0-13.46,4.28-14.79,10.34h-16.85c1.78-15.37,14.49-24.25,31.62-24.25,19.37,0,31.19,8.28,31.19,24.25v52.91h-15.67v-14.04h-1.18c-3.55,9.31-10.94,15.52-25.13,15.52s-23.18-9.16-23.18-22.61h0ZM508.11,140.31v-4l-17,1.18c-9.16.58-13.31,4-13.31,10.79,0,5.76,4.73,9.91,11.37,9.91,11.99,0,18.93-7.68,18.93-17.89h0ZM537.5,170.77v-75.69h15.67v14.49h1.18c2.21-9.91,9.76-14.49,20.98-14.49h7.69v15.22h-9.61c-10.94,0-19.07,7.09-19.07,20.55v39.9h-16.85v.02ZM660.13,136.03h-57.5c.88,13.89,10.64,21.73,21.43,21.73,9.16,0,14.92-3.7,18.18-9.91h16.7c-4.58,15.37-18.03,24.38-35.04,24.38-22.31,0-37.98-16.7-37.98-39.32s16.1-39.32,38.13-39.32,36.65,15.22,36.65,34.14c.02,3.71-.28,5.63-.58,8.29h0ZM644.03,124.36c-.58-10.49-9.31-17.59-19.95-17.59-10.06,0-18.47,6.36-20.55,17.59h40.5Z'/%3e%3c/svg%3e" alt="Square logo" class="svelte-1izccys"> <img src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20518.42%20250.08'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23888;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='apple'%3e%3cpath%20class='cls-1'%20d='M120.59,116.47c-.21-22.44,18.33-33.22,19.17-33.73-10.44-15.25-26.65-17.35-32.43-17.58-13.8-1.41-26.93,8.13-33.95,8.13s-17.82-7.94-29.26-7.7c-15.06.21-28.94,8.75-36.71,22.23-15.62,27.08-3.98,67.3,11.27,89.31,7.47,10.76,16.32,22.89,28,22.44,11.25-.45,15.49-7.27,29.05-7.27s17.39,7.27,29.26,7.06c12.09-.24,19.74-11,27.15-21.8,8.51-12.51,12.04-24.6,12.26-25.24-.28-.11-23.55-9.03-23.81-35.83'/%3e%3cpath%20class='cls-1'%20d='M98.28,50.56c6.2-7.51,10.38-17.93,9.24-28.32-8.92.36-19.72,5.95-26.12,13.46-5.73,6.63-10.76,17.24-9.39,27.42,9.9.77,20.09-5.07,26.27-12.56M198.82,138.53l-10.27,31.13h-13.2l33.61-98.92h15.4l33.73,98.92h-13.65l-10.57-31.13h-35.06ZM231.25,128.54l-9.67-28.47c-2.2-6.46-3.66-12.32-5.13-18.05h-.28c-1.48,5.86-3.08,11.87-4.98,17.9l-9.67,28.6,29.73.02ZM268.11,121.8c0-9.09-.28-16.45-.6-23.19h11.59l.6,12.19h.28c5.28-8.66,13.65-13.8,25.24-13.8,17.18,0,30.08,14.53,30.08,36.11,0,25.54-15.55,38.14-32.28,38.14-9.39,0-17.61-4.11-21.86-11.15h-.28v38.59h-12.77v-76.9ZM280.86,140.73c0,1.93.28,3.66.6,5.28,2.35,8.94,10.12,15.12,19.38,15.12,13.65,0,21.58-11.15,21.58-27.45,0-14.25-7.49-26.4-21.14-26.4-8.79,0-17.01,6.31-19.53,16-.45,1.6-.88,3.53-.88,5.28l-.02,12.15h0ZM348.65,121.8c0-9.09-.28-16.45-.6-23.19h11.59l.6,12.19h.28c5.28-8.66,13.65-13.8,25.24-13.8,17.18,0,30.08,14.53,30.08,36.11,0,25.54-15.55,38.14-32.28,38.14-9.39,0-17.61-4.11-21.86-11.15h-.28v38.59h-12.77v-76.9ZM361.42,140.73c0,1.93.28,3.66.6,5.28,2.35,8.94,10.12,15.12,19.38,15.12,13.65,0,21.58-11.15,21.58-27.45,0-14.25-7.49-26.4-21.14-26.4-8.79,0-17.01,6.31-19.53,16-.45,1.6-.88,3.53-.88,5.28l-.02,12.15h0ZM429.21,65.45h12.92v104.18h-12.92v-104.18ZM468.1,136.47c.28,17.46,11.44,24.66,24.34,24.66,9.24,0,14.82-1.6,19.66-3.66l2.2,9.24c-4.54,2.05-12.32,4.41-23.62,4.41-21.86,0-34.93-14.38-34.93-35.81s12.62-38.31,33.31-38.31c23.19,0,29.35,20.39,29.35,33.46,0,2.65-.28,4.68-.45,6.01h-49.86ZM505.97,127.23c.15-8.21-3.38-20.99-17.9-20.99-13.07,0-18.78,12.04-19.81,20.99h37.71Z'/%3e%3c/g%3e%3c/svg%3e" alt="Apple logo" class="svelte-1izccys"></div></div> <h2 class="svelte-1izccys">used by companies you’ve heard of</h2> <div class="wing svelte-1izccys"><div class="logos svelte-1izccys"><img src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20659.01%20250.44'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23888;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20id='spotify'%20class='cls-1'%20d='M98.83,29.87C44.25,29.87,0,74.12,0,128.7s44.25,98.82,98.83,98.82,98.83-44.24,98.83-98.82S153.41,29.87,98.82,29.87c0,0,0,0,0,0ZM144.15,172.4c-1.77,2.9-5.57,3.82-8.47,2.04-23.2-14.17-52.41-17.38-86.81-9.52-3.31.76-6.62-1.32-7.37-4.64-.76-3.32,1.31-6.62,4.63-7.38,37.65-8.6,69.94-4.9,95.99,11.02,2.9,1.78,3.82,5.57,2.04,8.47ZM156.24,145.5c-2.23,3.63-6.97,4.77-10.6,2.54-26.56-16.33-67.06-21.06-98.48-11.52-4.07,1.23-8.38-1.07-9.62-5.13-1.23-4.07,1.07-8.37,5.14-9.61,35.89-10.89,80.51-5.61,111.02,13.13,3.62,2.23,4.77,6.97,2.54,10.59h0ZM157.28,117.47c-31.85-18.92-84.4-20.66-114.81-11.43-4.88,1.48-10.05-1.28-11.53-6.16-1.48-4.89,1.27-10.05,6.16-11.53,34.91-10.6,92.94-8.55,129.61,13.22,4.4,2.61,5.84,8.28,3.23,12.67-2.6,4.39-8.28,5.84-12.66,3.23h0ZM268.87,121.1c-17.06-4.07-20.1-6.92-20.1-12.93,0-5.67,5.33-9.48,13.28-9.48s15.32,2.9,23.32,8.86c.24.18.54.25.84.21.31-.04.57-.21.74-.46l8.33-11.74c.34-.48.25-1.15-.21-1.52-9.52-7.64-20.24-11.35-32.77-11.35-18.42,0-31.3,11.06-31.3,26.88,0,16.96,11.1,22.97,30.29,27.61,16.32,3.76,19.08,6.91,19.08,12.54,0,6.24-5.57,10.13-14.54,10.13-9.96,0-18.09-3.36-27.18-11.22-.22-.2-.53-.28-.81-.27-.31.02-.58.17-.77.39l-9.35,11.12c-.39.47-.34,1.16.11,1.56,10.57,9.44,23.58,14.42,37.62,14.42,19.85,0,32.68-10.85,32.68-27.64.04-14.17-8.45-22.02-29.23-27.07,0,0-.04-.02-.04-.02ZM343.06,104.27c-8.6,0-15.66,3.39-21.49,10.33v-7.82c0-.62-.5-1.12-1.11-1.12h-15.28c-.61,0-1.11.5-1.11,1.12v86.86c0,.61.5,1.12,1.11,1.12h15.28c.61,0,1.11-.51,1.11-1.12v-27.41c5.83,6.53,12.89,9.72,21.49,9.72,15.99,0,32.18-12.31,32.18-35.84.02-23.53-16.17-35.85-32.17-35.85h-.01s0,0,0,0ZM357.46,140.12c0,11.98-7.38,20.34-17.95,20.34s-18.33-8.74-18.33-20.34,7.88-20.34,18.33-20.34c10.4,0,17.95,8.55,17.95,20.34h0ZM416.72,104.27c-20.59,0-36.73,15.86-36.73,36.1s16.03,35.71,36.48,35.71,36.84-15.8,36.84-35.97-16.07-35.84-36.6-35.84h0ZM416.72,160.58c-10.95,0-19.21-8.8-19.21-20.47s7.98-20.22,18.96-20.22,19.33,8.8,19.33,20.48-8.02,20.21-19.08,20.21ZM497.28,105.67h-16.82v-17.19c0-.62-.5-1.12-1.11-1.12h-15.28c-.61,0-1.12.5-1.12,1.12v17.19h-7.34c-.61,0-1.11.5-1.11,1.12v13.13c0,.62.5,1.12,1.11,1.12h7.34v33.98c0,13.72,6.83,20.69,20.32,20.69,5.48,0,10.02-1.13,14.3-3.56.35-.19.57-.57.57-.97v-12.51c0-.38-.2-.74-.53-.94-.33-.21-.74-.22-1.09-.05-2.94,1.48-5.78,2.16-8.97,2.16-4.9,0-7.09-2.23-7.09-7.21v-31.58h16.82c.61,0,1.11-.5,1.11-1.12v-13.13c.02-.62-.47-1.12-1.1-1.12h-.01s0,0,0,0ZM555.86,105.74v-2.11c0-6.21,2.38-8.98,7.72-8.98,3.19,0,5.75.63,8.61,1.59.35.11.72.06,1-.16.3-.21.46-.55.46-.91v-12.88c0-.49-.31-.93-.79-1.07-3.02-.9-6.89-1.82-12.7-1.82-14.1,0-21.57,7.95-21.57,22.97v3.23h-7.34c-.61,0-1.12.5-1.12,1.12v13.2c0,.62.51,1.12,1.12,1.12h7.34v52.4c0,.63.51,1.12,1.12,1.12h15.27c.63,0,1.12-.5,1.12-1.12v-52.4h14.27l21.86,52.4c-2.48,5.5-4.92,6.6-8.25,6.6-2.69,0-5.53-.8-8.43-2.4-.27-.14-.6-.17-.89-.08-.3.11-.54.32-.66.6l-5.18,11.36c-.25.54-.04,1.17.48,1.45,5.4,2.93,10.28,4.18,16.31,4.18,11.28,0,17.52-5.26,23.01-19.4l26.51-68.49c.14-.34.09-.73-.12-1.04-.2-.3-.54-.49-.91-.49h-15.91c-.48,0-.91.3-1.06.75l-16.3,46.54-17.84-46.57c-.17-.43-.58-.72-1.04-.72h-26.1s0,0,0,0ZM521.9,105.67h-15.28c-.61,0-1.12.5-1.12,1.12v66.65c0,.63.51,1.12,1.12,1.12h15.28c.61,0,1.12-.5,1.12-1.12v-66.65c0-.62-.5-1.12-1.12-1.12,0,0,0,0,0,0ZM514.35,75.32c-6.05,0-10.96,4.9-10.96,10.95s4.91,10.96,10.96,10.96,10.95-4.91,10.95-10.96-4.91-10.95-10.95-10.95ZM648.2,127.1c-6.04,0-10.75-4.86-10.75-10.75s4.77-10.81,10.81-10.81,10.75,4.85,10.75,10.75-4.77,10.81-10.81,10.81ZM648.26,106.61c-5.51,0-9.68,4.38-9.68,9.74s4.14,9.68,9.62,9.68,9.68-4.37,9.68-9.74-4.14-9.68-9.62-9.68ZM650.64,117.39l3.04,4.26h-2.57l-2.74-3.91h-2.35v3.91h-2.15v-11.29h5.03c2.63,0,4.35,1.34,4.35,3.6.01,1.85-1.06,2.98-2.61,3.43h-.01ZM648.82,112.3h-2.8v3.57h2.8c1.39,0,2.23-.68,2.23-1.79,0-1.16-.84-1.78-2.23-1.78Z'/%3e%3c/svg%3e" alt="Spotify logo" class="svelte-1izccys"> <img src="/_app/immutable/assets/nyt.WSBgWcyP.svg" alt="New York Times logo" class="svelte-1izccys"> <img src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20547.28%20250.08'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23888;%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M435.19,113.54c-.33,1.85-.82,3.66-1.47,5.42-.25.8-3.43,9.17-7.11,19.14h17.73l-7.52-19.14c-.65-1.75-1.23-3.59-1.63-5.42Z'/%3e%3cg%3e%3cpath%20class='cls-1'%20d='M498.92,83.79c-4.74-.16-8.74,3.43-8.91,8.06v.64c0,4.79,4,8.69,8.91,8.69s8.91-3.91,8.91-8.69-4-8.69-8.91-8.69ZM502.19,98.94l-2.62-4.63h-2.86v4.63h-1.96v-13.08h4.98c2.37.08,4.17,1.91,4.17,4.23,0,1.6-.9,3.03-2.37,3.83l2.86,5.02h-2.21Z'/%3e%3cg%3e%3cpath%20class='cls-1'%20d='M499.66,87.93h-2.94v4.55h2.7c1.31.08,2.45-.88,2.45-2.15s-.9-2.39-2.21-2.39Z'/%3e%3cpath%20class='cls-1'%20d='M273.68,24.62C114.76,24.62,0,71.18,0,127.24s114.68,102.61,273.68,102.61,273.6-46.56,273.6-102.61S432.6,24.62,273.68,24.62ZM101.49,168.57h-55.89c1.23-2.39,1.23-4.71,1.23-7.1v-68.43c0-2.39,0-4.71-1.23-7.1h55.89c-1.23,2.39-1.23,4.71-1.23,7.1v68.43c0,2.39,0,4.71,1.23,7.1ZM197.75,168.57c0-2.39-2.37-7.26-4.98-11.09-2.61-3.83-16.75-24.8-16.75-24.8v28.79c0,2.39,0,4.71,1.23,7.1h-51.39c1.23-2.39,1.23-4.71,1.23-7.1v-68.43c0-2.39,0-4.71-1.23-7.1h51.39c-1.23,2.39-1.23,4.71-1.23,7.1v29.91s16.42-20.9,20.18-25.76c2.86-3.67,6.37-8.85,6.37-11.25h53.6c-3.68,2.39-7.76,6.7-11.11,10.69-2.94,3.51-19.61,23.37-19.61,23.37,0,0,24.68,36.77,27.94,41.47h0c1.8,2.55,3.76,4.94,6.05,7.1h-61.69ZM367.54,108.75c-2.45-1.12-4.82-1.12-7.27-1.12h-41.75v10.93h40.12v17.39h-40.12v10.85h41.75c2.45,0,4.82,0,7.27-1.2v22.97h-99.19c1.23-2.39,1.23-4.71,1.23-7.1v-68.43c0-2.39,0-4.71-1.23-7.18h99.19v22.89ZM455.21,168.57c.25-2.39-.65-4.71-1.63-7.1,0,0-.82-1.91-1.96-4.71l-.49-1.2h-30.97l-.49,1.28s-.9,2.31-1.72,4.71c-.82,2.39-1.72,4.71-1.39,7.1h-42.41c1.73-2.09,3.04-4.5,3.84-7.1l25.41-68.43c.9-2.39,1.8-4.71,1.47-7.1h71.66c-.65,2.39.65,4.71,1.55,7.1,2.12,5.18,25.08,63.73,26.88,68.35.82,2.63,2.21,5.02,4,7.1h-53.76ZM510.03,92.48c.16,5.98-4.66,11.01-10.87,11.17-6.13.16-11.28-4.55-11.44-10.61.08-.16.08-.4.08-.56h0c-.25-5.82,4.41-10.69,10.38-10.85h.74c6.05-.08,11.03,4.55,11.11,10.45v.4Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="Ikea logo" class="svelte-1izccys"> <img src="/_app/immutable/assets/decathlon.CsAZfh9C.svg" alt="Decathlon logo" class="svelte-1izccys"> <img src="/_app/immutable/assets/1password.EAEOcf-b.svg" alt="1password logo" class="svelte-1izccys"></div></div></div><!----> <section class="svelte-xi6rww"><div class="inner svelte-xi6rww"><figure><div class="video-player svelte-svd68s"><video src="https://sveltejs.github.io/assets/svelte-origins-preview.mp4" loop playsinline class="svelte-svd68s"><track kind="captions" srclang="en" src="data:text/vtt;base64,V0VCVlRUCgowMDowMDowMC4wMDAgLS0+IDAwOjAwOjAxLjkyMAogW1Njb3R0IFRvbGluc2tpXSBJIHdhbnRlZCB0byBzaGFyZSBpdCBpbW1lZGlhdGVseS4KCjAwOjAwOjAxLjkyMCAtLT4gMDA6MDA6MDQuMjQwCiBJIHdhbnRlZCB0byBidWlsZCBtb3JlIHRoaW5ncyBpbiBpdC4KCjAwOjAwOjA0LjI0MCAtLT4gMDA6MDA6MDUuNjQwCiBbSmFtZXMgUSBRdWlja10gSSBsb3ZlIGl0LgoKMDA6MDA6MDUuNjQwIC0tPiAwMDowMDowNy4wODAKIFtGaXJlc2hpcF0gSXQncyB0aGUgb25seSBKYXZhU2NyaXB0IGZyYW1ld29yawoKMDA6MDA6MDcuMDgwIC0tPiAwMDowMDowOC42NDAKIHRoYXQncyBhY3R1YWxseSBlbmpveWFibGUgdG8gdXNlLgoKMDA6MDA6MDguNjQwIC0tPiAwMDowMDoxMC41NDAKIFtCZW4gTWNDYW5uXSBTdmVsdGUgaW50cm9kdWNlZCBhIG5ldyBlcmdvbm9taWNzCgowMDowMDoxMC41NDAgLS0+IDAwOjAwOjEzLjE2MAogdG8gYnVpbGRpbmcgYSB3ZWJzaXRlIHRoYXQncyBtYWRlIGl0IG1vcmUgZnVuCgowMDowMDoxMy4xNjAgLS0+IDAwOjAwOjE1LjQ0MAogYW5kIGVhc2llciB0aGFuIGl0J3MgYmVlbiBpbiBhIGxvbmcgdGltZS4KCjAwOjAwOjE1LjQ0MCAtLT4gMDA6MDA6MTguNzIwCiBBbmQgdGhlIHdheSB0aGF0IGl0J3MgZG9uZSB0aGF0IGlzIGJ5IGludHJvZHVjaW5nCgowMDowMDoxOC43MjAgLS0+IDAwOjAwOjIyLjM2MAogdGhpcyBjb25jZXB0IG9mIGdlbmVyYXRpbmcgcmVhY3RpdmUgY29kZSBhdCBjb21waWxlIHRpbWUuCgowMDowMDoyMi4zNjAgLS0+IDAwOjAwOjI1LjU2MAogW1Njb3R0IFRvbGluc2tpXSBXaGF0IFN2ZWx0ZSBhbGxvd3MgdXMgdG8gZG8gaXMgdG8gd3JpdGUgY29kZQoKMDA6MDA6MjUuNTYwIC0tPiAwMDowMDoyOS40MDAKIHRoYXQncyBub3Qgb25seSBzbWFsbCBhbmQgc2ltcGxlLCBidXQgcGxhaW4gYW5kIHJlYWRhYmxlLgoKMDA6MDA6MjkuNDAwIC0tPiAwMDowMDozMi43NjAKIFtBbWVsaWEgV2F0dGVuYmVyZ2VyXSBZb3UncmUgbW9zdGx5IGp1c3QgbG9va2luZyBhdCBiYXNpYyBIVE1MLAoKMDA6MDA6MzIuNzYwIC0tPiAwMDowMDozNC43NjAKIEphdmFTY3JpcHQsIGFuZCBDU1MuCgowMDowMDozNC43NjAgLS0+IDAwOjAwOjM3LjEyMAogW0FsaXphIEF1ZnJpY2h0aWddIFRoZSB0aGluZyBJIGxpa2UgbW9zdCBhYm91dCB1c2luZyBTdmVsdGUKCjAwOjAwOjM3LjEyMCAtLT4gMDA6MDA6MzkuMjAwCiBpcyBob3cgZmFzdCB5b3UgY2FuIG1vdmUuCgowMDowMDozOS4yMDAgLS0+IDAwOjAwOjQyLjQwMAogW01vcml0eiBTdGVmYW5lcl0gQW5kIHdoZW4gSSBkaXNjb3ZlcmVkIFN2ZWx0ZSwgaXQgY2FtZSBiYWNrIHRvIHRoaXMsCgowMDowMDo0Mi40MDAgLS0+IDAwOjAwOjQ0LjgwMAogb2gsIGhlcmUncyBhIHJlYWxseSBzaW1wbGUgd2F5IHRvIGRvIHRoaW5ncy4KCjAwOjAwOjQ0LjgwMCAtLT4gMDA6MDA6NDcuNDgwCiBbU2hhd24gV2FuZ10gWW91IGRvbid0IGFjdHVhbGx5IG5lZWQgYWxsIHRoaXMgbWFjaGluZXJ5CgowMDowMDo0Ny40ODAgLS0+IDAwOjAwOjQ5LjEyMAogaW4gb3JkZXIgdG8gZG8gY29tcG9uZW50cyByaWdodC4KCjAwOjAwOjQ5LjEyMCAtLT4gMDA6MDA6NTEuNjQwCiBJIGxvb2tlZCBhdCBteSBSZWFjdCBleHBlcmllbmNlIHNvIGZhciDigJQKCjAwOjAwOjUxLjY0MCAtLT4gMDA6MDA6NTUuMTIwCiBJIGNvdWxkIG5vdCBiZSBhbnl3aGVyZSBhcyBwcm9kdWN0aXZlIGFzIEkgY291bGQgYmUgaW4gU3ZlbHRlLgoKMDA6MDA6NTUuMTIwIC0tPiAwMDowMDo1Ny41MjAKIEFuZCB0aGF0J3Mgd2hlbiBJIHN0YXJ0ZWQgcmVhbGx5IHRha2luZyBpdCBzZXJpb3VzbHkuCgowMDowMDo1Ny41MjAgLS0+IDAwOjAwOjU5LjgwMAogW0FtZWxpYSBXYXR0ZW5iZXJnZXJdIFRoZXJlJ3MgcXVpdGUgYSBiaXQgb2YgdXNhZ2UgdGhlc2UgZGF5cwoKMDA6MDA6NTkuODAwIC0tPiAwMDowMTowMi42ODAKIGFuZCBzYXRpc2ZhY3Rpb24gaXMgc3RpbGwsIEkgdGhpbmssIHRoZSBoaWdoZXN0CgowMDowMTowMi42ODAgLS0+IDAwOjAxOjA1LjkyMAogb3Igb25lIG9mIHRoZSBoaWdoZXN0IGZvciBhbnkgb2YgdGhlIGxhcmdlcgoKMDA6MDE6MDUuOTIwIC0tPiAwMDowMTowOC4xMjAKIG9yIG1vcmUgdXNlZCBKYXZhU2NyaXB0IGZyYW1ld29ya3MuCgowMDowMTowOC4xMjAgLS0+IDAwOjAxOjEwLjA0MAogW0d1aWxsZXJtbyBSYXVjaF0gV2hlbiB5b3Ugd3JpdGUgeW91ciBhcHBsaWNhdGlvbiwKCjAwOjAxOjEwLjA0MCAtLT4gMDA6MDE6MTMuMTYwCiB5b3UncmUgbWFraW5nIGl0IGZhc3QgYnkgY29uc3RydWN0aW9uLgoKMDA6MDE6MTMuMTYwIC0tPiAwMDowMToxNC44ODAKIEl0J3MgYWxtb3N0IGltcG9zc2libGUgdG8gY3JlYXRlIGEgc2xvdyBhcHAKCjAwOjAxOjE0Ljg4MCAtLT4gMDA6MDE6MTcuMjAwCiBhbmQgSSB0aGluayBTdmVsdGUgaGFzIGFuIGluY3JlZGlibGUgYWR2YW50YWdlIGhlcmUuCgowMDowMToxNy4yMDAgLS0+IDAwOjAxOjE4LjM2MAogUGVvcGxlIGxvdmUgU3ZlbHRlLgoK" default onload="this.__e=event" onerror="this.__e=event"></video> <!--[!--><!--]--> <div class="top-controls svelte-svd68s"><label class="captions svelte-svd68s unused"><input class="visually-hidden" type="checkbox" checked> <img style="display: block;" src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2024%2024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M5,4C4.4,4,4,4.2,3.6,4.6C3.2,5,3,5.4,3,6v12c0,0.6,0.2,1,0.6,1.4C4,19.8,4.4,20,5,20h14c0.5,0,1-0.2,1.4-0.6%20C20.8,19,21,18.5,21,18V6c0-0.5-0.2-1-0.6-1.4C20,4.2,19.5,4,19,4H5%20M4.5,5.5h15v13h-15V5.5%20M7,9C6.7,9,6.5,9.1,6.3,9.3%20C6.1,9.5,6,9.7,6,10v4c0,0.3,0.1,0.5,0.3,0.7C6.5,14.9,6.7,15,7,15h3c0.3,0,0.5-0.1,0.7-0.3c0.2-0.2,0.3-0.4,0.3-0.7v-1H9.5v0.5h-2%20v-3h2V11H11v-1c0-0.3-0.1-0.5-0.3-0.7C10.5,9.1,10.3,9,10,9H7%20M14,9c-0.3,0-0.5,0.1-0.7,0.3C13.1,9.5,13,9.7,13,10v4%20c0,0.3,0.1,0.5,0.3,0.7c0.2,0.2,0.4,0.3,0.7,0.3h3c0.3,0,0.5-0.1,0.7-0.3c0.2-0.2,0.3-0.4,0.3-0.7v-1h-1.5v0.5h-2v-3h2V11H18v-1%20c0-0.3-0.1-0.5-0.3-0.7C17.5,9.1,17.3,9,17,9H14z'/%3e%3c/svg%3e" alt="hide subtitles" class="svelte-svd68s"> <img style="display: none;" src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2024%2024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{display:none;fill:%23FFFFFF;}%20.st1{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M12,3.7L9.9,5.8L12,7.9%20M4.3,2.7L3,4l4.7,4.7H3v6h4l5,5V13l4.2,4.3c-0.7,0.5-1.4,0.9-2.2,1.2v2.1%20c1.4-0.3,2.6-1,3.7-1.8l2,2l1.3-1.3l-9-9%20M19,11.7c0,0.9-0.2,1.8-0.5,2.6l1.5,1.5c0.7-1.2,1-2.6,1-4.1c0-4.3-3-7.9-7-8.8V5%20C16.9,5.9,19,8.6,19,11.7%20M16.5,11.7c0-1.8-1-3.3-2.5-4v2.2l2.5,2.4C16.5,12.2,16.5,11.9,16.5,11.7z'/%3e%3cg%3e%3cpath%20class='st1'%20d='M16.5,13.5l1.2,1.2c0.2-0.2,0.3-0.4,0.3-0.7v-1h-1.5V13.5z'/%3e%3cpath%20class='st1'%20d='M10,13H9.5v0.5h-2v-3h0L6.3,9.3C6.1,9.5,6,9.7,6,10v4c0,0.3,0.1,0.5,0.3,0.7C6.5,14.9,6.7,15,7,15h3%20c0.3,0,0.5-0.1,0.7-0.3c0.2-0.2,0.3-0.4,0.3-0.7v0L10,13z'/%3e%3cpath%20class='st1'%20d='M14.5,11.5v-1h2V11H18v-1c0-0.3-0.1-0.5-0.3-0.7C17.5,9.1,17.3,9,17,9h-3c-0.3,0-0.5,0.1-0.7,0.3%20C13.1,9.5,13,9.7,13,10L14.5,11.5z'/%3e%3cpath%20class='st1'%20d='M20.4,4.6C20,4.2,19.5,4,19,4H5C4.5,4,4,4.2,3.6,4.6C3.2,5,3,5.4,3,6v12c0,0.6,0.2,1,0.6,1.4%20C4,19.8,4.5,20,5,20h14c0.5,0,1-0.2,1.4-0.6C20.8,19,21,18.5,21,18V6C21,5.5,20.8,5,20.4,4.6z%20M19.5,5.5v12.8L6.7,5.5H19.5z%20M4.5,18.5V5.8l12.7,12.7H4.5z'/%3e%3c/g%3e%3c/svg%3e" alt="show subtitles" class="svelte-svd68s"></label> <label class="mute svelte-svd68s unused"><input class="visually-hidden" type="checkbox" checked> <img style="display: block;" src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='white'%20d='M12,4L9.91,6.09L12,8.18M4.27,3L3,4.27L7.73,9H3V15H7L12,20V13.27L16.25,17.53C15.58,18.04%2014.83,18.46%2014,18.7V20.77C15.38,20.45%2016.63,19.82%2017.68,18.96L19.73,21L21,19.73L12,10.73M19,12C19,12.94%2018.8,13.82%2018.46,14.64L19.97,16.15C20.62,14.91%2021,13.5%2021,12C21,7.72%2018,4.14%2014,3.23V5.29C16.89,6.15%2019,8.83%2019,12M16.5,12C16.5,10.23%2015.5,8.71%2014,7.97V10.18L16.45,12.63C16.5,12.43%2016.5,12.21%2016.5,12Z'%20/%3e%3c/svg%3e" alt="unmute" class="svelte-svd68s"> <img style="display: none;" src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='white'%20d='M14,3.23V5.29C16.89,6.15%2019,8.83%2019,12C19,15.17%2016.89,17.84%2014,18.7V20.77C18,19.86%2021,16.28%2021,12C21,7.72%2018,4.14%2014,3.23M16.5,12C16.5,10.23%2015.5,8.71%2014,7.97V16C15.5,15.29%2016.5,13.76%2016.5,12M3,9V15H7L12,20V4L7,9H3Z'%20/%3e%3c/svg%3e" alt="mute" class="svelte-svd68s"></label></div> <label class="play-pause svelte-svd68s"><input class="visually-hidden" type="checkbox"> <img style="display: none;" src="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%2011.9999V5.93774L12.75%208.96884L18%2011.9999L12.75%2015.031L7.5%2018.0621V11.9999Z'%20fill='white'%20stroke='white'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3c/svg%3e" alt="play" class="svelte-svd68s"> <img style="display: block;" src="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='7'%20y='6'%20width='2'%20height='12'%20fill='white'%20stroke='white'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3crect%20x='15'%20y='6'%20width='2'%20height='12'%20fill='white'%20stroke='white'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3c/svg%3e" alt="pause" class="svelte-svd68s"></label></div><!----> <figcaption class="svelte-zgri6k"><a href="https://www.offerzen.com/community/svelte-origins-documentary">Watch the full Svelte Origins documentary</a></figcaption></figure><!----></div></section><!----> <svelte-css-wrapper style="display: contents; --max-width: 200rem;"><section class="svelte-xi6rww"><div class="inner svelte-xi6rww"><h2 class="svelte-q0olky">join our friendly community</h2> <p class="svelte-q0olky">Our sister organisation, <a href="https://www.sveltesociety.dev/">Svelte Society</a>, organises events around the globe. Find your chapter and join us in <a href="/chat">our Discord server</a>.</p> <figure class="svelte-q0olky"><picture><source srcset="/_app/immutable/assets/summit.Dm_NmJgX.avif 800w, /_app/immutable/assets/summit.BjpEMtrZ.avif 1200w, /_app/immutable/assets/summit.D6To4B4g.avif 2000w, /_app/immutable/assets/summit.BKZX4ZXM.avif 2800w, /_app/immutable/assets/summit.BuQXuLgE.avif 3886w" type="image/avif"><source srcset="/_app/immutable/assets/summit.BzlSs8Vb.webp 800w, /_app/immutable/assets/summit.DqsyLPTe.webp 1200w, /_app/immutable/assets/summit.CC0_Kw7W.webp 2000w, /_app/immutable/assets/summit.CrE3mxcQ.webp 2800w, /_app/immutable/assets/summit.CZTm2eKh.webp 3886w" type="image/webp"><source srcset="/_app/immutable/assets/summit.DxY4jWFk.png 800w, /_app/immutable/assets/summit.DT4xp5ht.png 1200w, /_app/immutable/assets/summit.CyRNg21E.png 2000w, /_app/immutable/assets/summit.MoBoEF1d.png 2800w, /_app/immutable/assets/summit.BvtGBttG.png 3886w" type="image/png"><img src="/_app/immutable/assets/summit.BvtGBttG.png" alt="Photos by Marcel Cutts from the 2022 Svelte Summit in Stockholm" width="3886" height="1490" class="svelte-q0olky"></picture> <figcaption class="svelte-q0olky">Photos by <a href="https://x.com/marcelcutts" class="svelte-q0olky">Marcel Cutts</a></figcaption></figure><!----></div></section><!----></svelte-css-wrapper><!----> <p class="intro svelte-1ro1cj5">Backed by <a href="https://vercel.com" target="_blank" rel="noreferrer">Vercel</a> and countless donors, developed by full-time and part-time maintainers, Svelte is here to stay.</p> <div class="wrapper svelte-1ro1cj5"><div class="layout svelte-1ro1cj5"><div class="supporters svelte-1ro1cj5"><!--[--><a style="background-position: 0% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/Rich-Harris">Rich-Harris</a><a style="background-position: 2.127659574468085% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/Conduitry">Conduitry</a><a style="background-position: 4.25531914893617% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/dummdidumm">dummdidumm</a><a style="background-position: 6.382978723404255% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/trueadm">trueadm</a><a style="background-position: 8.51063829787234% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/tanhauhau">tanhauhau</a><a style="background-position: 10.638297872340425% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/benmccann">benmccann</a><a style="background-position: 12.76595744680851% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/paoloricciuti">paoloricciuti</a><a style="background-position: 14.893617021276595% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/PuruVJ">PuruVJ</a><a style="background-position: 17.02127659574468% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/baseballyama">baseballyama</a><a style="background-position: 19.148936170212767% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/gtm-nayan">gtm-nayan</a><a style="background-position: 21.27659574468085% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/Swatinem">Swatinem</a><a style="background-position: 23.404255319148938% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/DreaminDani">DreaminDani</a><a style="background-position: 25.53191489361702% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/jacwright">jacwright</a><a style="background-position: 27.659574468085108% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/lukeed">lukeed</a><a style="background-position: 29.78723404255319% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/mindrones">mindrones</a><a style="background-position: 31.914893617021278% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/mrkishi">mrkishi</a><a style="background-position: 34.04255319148936% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/pngwn">pngwn</a><a style="background-position: 36.170212765957444% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/ngtr6788">ngtr6788</a><a style="background-position: 38.297872340425535% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/geoffrich">geoffrich</a><a style="background-position: 40.42553191489362% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/ekhaled">ekhaled</a><a style="background-position: 42.5531914893617% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/ignatiusmb">ignatiusmb</a><a style="background-position: 44.680851063829785% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/EmilTholin">EmilTholin</a><a style="background-position: 46.808510638297875% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/antony">antony</a><a style="background-position: 48.93617021276596% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/navorite">navorite</a><a style="background-position: 51.06382978723404% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/tivac">tivac</a><a style="background-position: 53.191489361702125% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/zxbodya">zxbodya</a><a style="background-position: 55.319148936170215% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/btk5h">btk5h</a><a style="background-position: 57.4468085106383% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/jches">jches</a><a style="background-position: 59.57446808510638% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/dominikg">dominikg</a><a style="background-position: 61.702127659574465% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/PaulBGD">PaulBGD</a><a style="background-position: 63.829787234042556% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/halfnelson">halfnelson</a><a style="background-position: 65.95744680851064% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/pushkine">pushkine</a><a style="background-position: 68.08510638297872% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/TehShrike">TehShrike</a><a style="background-position: 70.2127659574468% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/GarrettGeorge">GarrettGeorge</a><a style="background-position: 72.34042553191489% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/FWeinb">FWeinb</a><a style="background-position: 74.46808510638297% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/btakita">btakita</a><a style="background-position: 76.59574468085107% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/colincasey">colincasey</a><a style="background-position: 78.72340425531915% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/evs-chris">evs-chris</a><a style="background-position: 80.85106382978724% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/jamesbirtles">jamesbirtles</a><a style="background-position: 82.97872340425532% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/adiguba">adiguba</a><a style="background-position: 85.1063829787234% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/jacobmischka">jacobmischka</a><a style="background-position: 87.23404255319149% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/brunnerh">brunnerh</a><a style="background-position: 89.36170212765957% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/arxpoetica">arxpoetica</a><a style="background-position: 91.48936170212765% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/wackbyte">wackbyte</a><a style="background-position: 93.61702127659575% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/bluwy">bluwy</a><a style="background-position: 95.74468085106383% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/dimfeld">dimfeld</a><a style="background-position: 97.87234042553192% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/skippednote">skippednote</a><a style="background-position: 100% 0; background-image: url(/_app/immutable/assets/contributors.DDV_CXb_.webp);" class="supporter svelte-1ro1cj5" href="https://github.com/aphitiel">aphitiel</a><!--]--> <!--[--><a style="background-position: 0% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Drips</a><a style="background-position: 2.127659574468085% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Datawrapper</a><a style="background-position: 4.25531914893617% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Vercel</a><a style="background-position: 6.382978723404255% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Cohere</a><a style="background-position: 8.51063829787234% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Dabble</a><a style="background-position: 10.638297872340425% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Frontend Masters</a><a style="background-position: 12.76595744680851% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Monogram</a><a style="background-position: 14.893617021276595% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Hugging Face</a><a style="background-position: 17.02127659574468% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">PQINA</a><a style="background-position: 19.148936170212767% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Threema Open Source Fund</a><a style="background-position: 21.27659574468085% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Raster</a><a style="background-position: 23.404255319148938% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Avast</a><a style="background-position: 25.53191489361702% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Codesmith</a><a style="background-position: 27.659574468085108% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Jeff Moe</a><a style="background-position: 29.78723404255319% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">INVISR</a><a style="background-position: 31.914893617021278% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Matt</a><a style="background-position: 34.04255319148936% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Layer0</a><a style="background-position: 36.170212765957444% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Sanity</a><a style="background-position: 38.297872340425535% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Metafy</a><a style="background-position: 40.42553191489362% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Changelog</a><a style="background-position: 42.5531914893617% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Clancy Digital</a><a style="background-position: 44.680851063829785% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Kenoxa GmbH</a><a style="background-position: 46.808510638297875% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Level Up Tutorials</a><a style="background-position: 48.93617021276596% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">xyflow - React Flow | Svelte Flow</a><a style="background-position: 51.06382978723404% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">The Pudding</a><a style="background-position: 53.191489361702125% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Kohei Yoshino</a><a style="background-position: 55.319148936170215% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Jason Hetherington</a><a style="background-position: 57.4468085106383% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Zev Averbach</a><a style="background-position: 59.57446808510638% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Donovan Dikaio</a><a style="background-position: 61.702127659574465% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">multi</a><a style="background-position: 63.829787234042556% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Evidence</a><a style="background-position: 65.95744680851064% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">David Stevens</a><a style="background-position: 68.08510638297872% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Handsontable - JavaScript Data Grid</a><a style="background-position: 70.2127659574468% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Dong-won Jeffrey Lee</a><a style="background-position: 72.34042553191489% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">n8n.io - n8n GmbH</a><a style="background-position: 74.46808510638297% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Sentry</a><a style="background-position: 76.59574468085107% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Cliff Johnson</a><a style="background-position: 78.72340425531915% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Emma Agering</a><a style="background-position: 80.85106382978724% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">0+X</a><a style="background-position: 82.97872340425532% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Hyunbin</a><a style="background-position: 85.1063829787234% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Tigris Data</a><a style="background-position: 87.23404255319149% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Cain Voong</a><a style="background-position: 89.36170212765957% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Nicky Hajal</a><a style="background-position: 91.48936170212765% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Robert Balfre</a><a style="background-position: 93.61702127659575% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Scott Spence</a><a style="background-position: 95.74468085106383% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Dean Papastrat</a><a style="background-position: 97.87234042553192% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">BuildLab</a><a style="background-position: 100% 0; background-image: url(/_app/immutable/assets/donors.6BNpF-CT.webp);" class="supporter svelte-1ro1cj5" href="https://opencollective.com/svelte">Oskar Oldorf</a><!--]--></div></div></div><!----> <section class="svelte-xi6rww"><div class="inner svelte-xi6rww"><p class="copyright svelte-1nl972l">© 2024 Svelte contributors. Svelte is <a href="https://github.com/sveltejs/svelte">free and open source software</a> released under the MIT license.</p><!----></div></section><!----></div><!----><!--]--><!----><!----></main> <!--[--><!--[!--><!--]--><!--]--><!----><!----> <!--[!--><!--]--><!----><!--]--> <!--[!--><!--]--><!--]--> <script> { __sveltekit_1jtiggq = { base: new URL(".", location).pathname.slice(0, -1) }; const element = document.currentScript.parentElement; const data = [{"type":"data","data":{nav_title:"",nav_links:[{title:"Docs",slug:"docs",sections:[{title:"Svelte",path:"/docs/svelte",sections:[{title:"Introduction",sections:[{title:"Overview",path:"/docs/svelte/overview"},{title:"Getting started",path:"/docs/svelte/getting-started"},{title:".svelte files",path:"/docs/svelte/svelte-files"},{title:".svelte.js and .svelte.ts files",path:"/docs/svelte/svelte-js-files"}]},{title:"Runes",sections:[{title:"What are runes?",path:"/docs/svelte/what-are-runes"},{title:"$state",path:"/docs/svelte/$state"},{title:"$derived",path:"/docs/svelte/$derived"},{title:"$effect",path:"/docs/svelte/$effect"},{title:"$props",path:"/docs/svelte/$props"},{title:"$bindable",path:"/docs/svelte/$bindable"},{title:"$inspect",path:"/docs/svelte/$inspect"},{title:"$host",path:"/docs/svelte/$host"}]},{title:"Template syntax",sections:[{title:"Basic markup",path:"/docs/svelte/basic-markup"},{title:"{#if ...}",path:"/docs/svelte/if"},{title:"{#each ...}",path:"/docs/svelte/each"},{title:"{#key ...}",path:"/docs/svelte/key"},{title:"{#await ...}",path:"/docs/svelte/await"},{title:"{#snippet ...}",path:"/docs/svelte/snippet"},{title:"{@render ...}",path:"/docs/svelte/@render"},{title:"{@html ...}",path:"/docs/svelte/@html"},{title:"{@const ...}",path:"/docs/svelte/@const"},{title:"{@debug ...}",path:"/docs/svelte/@debug"},{title:"bind:",path:"/docs/svelte/bind"},{title:"use:",path:"/docs/svelte/use"},{title:"transition:",path:"/docs/svelte/transition"},{title:"in: and out:",path:"/docs/svelte/in-and-out"},{title:"animate:",path:"/docs/svelte/animate"},{title:"class:",path:"/docs/svelte/class"},{title:"style:",path:"/docs/svelte/style"}]},{title:"Styling",sections:[{title:"Scoped styles",path:"/docs/svelte/scoped-styles"},{title:"Global styles",path:"/docs/svelte/global-styles"},{title:"Custom properties",path:"/docs/svelte/custom-properties"},{title:"Nested \u003Cstyle> elements",path:"/docs/svelte/nested-style-elements"}]},{title:"Special elements",sections:[{title:"\u003Csvelte:window>",path:"/docs/svelte/svelte-window"},{title:"\u003Csvelte:document>",path:"/docs/svelte/svelte-document"},{title:"\u003Csvelte:body>",path:"/docs/svelte/svelte-body"},{title:"\u003Csvelte:head>",path:"/docs/svelte/svelte-head"},{title:"\u003Csvelte:element>",path:"/docs/svelte/svelte-element"},{title:"\u003Csvelte:options>",path:"/docs/svelte/svelte-options"}]},{title:"Runtime",sections:[{title:"Stores",path:"/docs/svelte/stores"},{title:"Context",path:"/docs/svelte/context"},{title:"Lifecycle hooks",path:"/docs/svelte/lifecycle-hooks"},{title:"Imperative component API",path:"/docs/svelte/imperative-component-api"}]},{title:"Misc",sections:[{title:"Testing",path:"/docs/svelte/testing"},{title:"TypeScript",path:"/docs/svelte/typescript"},{title:"Custom elements",path:"/docs/svelte/custom-elements"},{title:"Svelte 4 migration guide",path:"/docs/svelte/v4-migration-guide"},{title:"Svelte 5 migration guide",path:"/docs/svelte/v5-migration-guide"},{title:"Frequently asked questions",path:"/docs/svelte/faq"}]},{title:"Reference",sections:[{title:"svelte",path:"/docs/svelte/svelte"},{title:"svelte/action",path:"/docs/svelte/svelte-action"},{title:"svelte/animate",path:"/docs/svelte/svelte-animate"},{title:"svelte/compiler",path:"/docs/svelte/svelte-compiler"},{title:"svelte/easing",path:"/docs/svelte/svelte-easing"},{title:"svelte/events",path:"/docs/svelte/svelte-events"},{title:"svelte/legacy",path:"/docs/svelte/svelte-legacy"},{title:"svelte/motion",path:"/docs/svelte/svelte-motion"},{title:"svelte/reactivity",path:"/docs/svelte/svelte-reactivity"},{title:"svelte/server",path:"/docs/svelte/svelte-server"},{title:"svelte/store",path:"/docs/svelte/svelte-store"},{title:"svelte/transition",path:"/docs/svelte/svelte-transition"},{title:"Compiler errors",path:"/docs/svelte/compiler-errors"},{title:"Compiler warnings",path:"/docs/svelte/compiler-warnings"},{title:"Runtime errors",path:"/docs/svelte/runtime-errors"},{title:"Runtime warnings",path:"/docs/svelte/runtime-warnings"}]},{title:"Legacy APIs",sections:[{title:"Overview",path:"/docs/svelte/legacy-overview"},{title:"Reactive let/var declarations",path:"/docs/svelte/legacy-let"},{title:"Reactive $: statements",path:"/docs/svelte/legacy-reactive-assignments"},{title:"export let",path:"/docs/svelte/legacy-export-let"},{title:"$$props and $$restProps",path:"/docs/svelte/legacy-$$props-and-$$restProps"},{title:"on:",path:"/docs/svelte/legacy-on"},{title:"\u003Cslot>",path:"/docs/svelte/legacy-slots"},{title:"$$slots",path:"/docs/svelte/legacy-$$slots"},{title:"\u003Csvelte:fragment>",path:"/docs/svelte/legacy-svelte-fragment"},{title:"\u003Csvelte:component>",path:"/docs/svelte/legacy-svelte-component"},{title:"\u003Csvelte:self>",path:"/docs/svelte/legacy-svelte-self"},{title:"Imperative component API",path:"/docs/svelte/legacy-component-api"}]}]},{title:"SvelteKit",path:"/docs/kit",sections:[{title:"Getting started",sections:[{title:"Introduction",path:"/docs/kit/introduction"},{title:"Creating a project",path:"/docs/kit/creating-a-project"},{title:"Project structure",path:"/docs/kit/project-structure"},{title:"Web standards",path:"/docs/kit/web-standards"}]},{title:"Core concepts",sections:[{title:"Routing",path:"/docs/kit/routing"},{title:"Loading data",path:"/docs/kit/load"},{title:"Form actions",path:"/docs/kit/form-actions"},{title:"Page options",path:"/docs/kit/page-options"},{title:"State management",path:"/docs/kit/state-management"}]},{title:"Build and deploy",sections:[{title:"Building your app",path:"/docs/kit/building-your-app"},{title:"Adapters",path:"/docs/kit/adapters"},{title:"Zero-config deployments",path:"/docs/kit/adapter-auto"},{title:"Node servers",path:"/docs/kit/adapter-node"},{title:"Static site generation",path:"/docs/kit/adapter-static"},{title:"Single-page apps",path:"/docs/kit/single-page-apps"},{title:"Cloudflare Pages",path:"/docs/kit/adapter-cloudflare"},{title:"Cloudflare Workers",path:"/docs/kit/adapter-cloudflare-workers"},{title:"Netlify",path:"/docs/kit/adapter-netlify"},{title:"Vercel",path:"/docs/kit/adapter-vercel"},{title:"Writing adapters",path:"/docs/kit/writing-adapters"}]},{title:"Advanced",sections:[{title:"Advanced routing",path:"/docs/kit/advanced-routing"},{title:"Hooks",path:"/docs/kit/hooks"},{title:"Errors",path:"/docs/kit/errors"},{title:"Link options",path:"/docs/kit/link-options"},{title:"Service workers",path:"/docs/kit/service-workers"},{title:"Server-only modules",path:"/docs/kit/server-only-modules"},{title:"Snapshots",path:"/docs/kit/snapshots"},{title:"Shallow routing",path:"/docs/kit/shallow-routing"},{title:"Packaging",path:"/docs/kit/packaging"}]},{title:"Best practices",sections:[{title:"Auth",path:"/docs/kit/auth"},{title:"Performance",path:"/docs/kit/performance"},{title:"Images",path:"/docs/kit/images"},{title:"Accessibility",path:"/docs/kit/accessibility"},{title:"SEO",path:"/docs/kit/seo"}]},{title:"Appendix",sections:[{title:"Frequently asked questions",path:"/docs/kit/faq"},{title:"Integrations",path:"/docs/kit/integrations"},{title:"Breakpoint Debugging",path:"/docs/kit/debugging"},{title:"Migrating to SvelteKit v2",path:"/docs/kit/migrating-to-sveltekit-2"},{title:"Migrating from Sapper",path:"/docs/kit/migrating"},{title:"Additional resources",path:"/docs/kit/additional-resources"},{title:"Glossary",path:"/docs/kit/glossary"}]},{title:"Reference",sections:[{title:"@sveltejs/kit",path:"/docs/kit/@sveltejs-kit"},{title:"@sveltejs/kit/hooks",path:"/docs/kit/@sveltejs-kit-hooks"},{title:"@sveltejs/kit/node/polyfills",path:"/docs/kit/@sveltejs-kit-node-polyfills"},{title:"@sveltejs/kit/node",path:"/docs/kit/@sveltejs-kit-node"},{title:"@sveltejs/kit/vite",path:"/docs/kit/@sveltejs-kit-vite"},{title:"$app/environment",path:"/docs/kit/$app-environment"},{title:"$app/forms",path:"/docs/kit/$app-forms"},{title:"$app/navigation",path:"/docs/kit/$app-navigation"},{title:"$app/paths",path:"/docs/kit/$app-paths"},{title:"$app/server",path:"/docs/kit/$app-server"},{title:"$app/stores",path:"/docs/kit/$app-stores"},{title:"$env/dynamic/private",path:"/docs/kit/$env-dynamic-private"},{title:"$env/dynamic/public",path:"/docs/kit/$env-dynamic-public"},{title:"$env/static/private",path:"/docs/kit/$env-static-private"},{title:"$env/static/public",path:"/docs/kit/$env-static-public"},{title:"$lib",path:"/docs/kit/$lib"},{title:"$service-worker",path:"/docs/kit/$service-worker"},{title:"Configuration",path:"/docs/kit/configuration"},{title:"Command Line Interface",path:"/docs/kit/cli"},{title:"Types",path:"/docs/kit/types"}]}]},{title:"CLI",path:"/docs/cli",sections:[{title:"Introduction",sections:[{title:"Overview",path:"/docs/cli/overview"}]},{title:"Commands",sections:[{title:"sv create",path:"/docs/cli/sv-create"},{title:"sv add",path:"/docs/cli/sv-add"},{title:"sv check",path:"/docs/cli/sv-check"},{title:"sv migrate",path:"/docs/cli/sv-migrate"}]}]}]},{title:"Tutorial",slug:"tutorial",sections:[{title:"Basic Svelte",sections:[{title:"Introduction",sections:[{title:"Welcome to Svelte",path:"/tutorial/svelte/welcome-to-svelte"},{title:"Your first component",path:"/tutorial/svelte/your-first-component"},{title:"Dynamic attributes",path:"/tutorial/svelte/dynamic-attributes"},{title:"Styling",path:"/tutorial/svelte/styling"},{title:"Nested components",path:"/tutorial/svelte/nested-components"},{title:"HTML tags",path:"/tutorial/svelte/html-tags"}]},{title:"Reactivity",sections:[{title:"State",path:"/tutorial/svelte/state"},{title:"Deep state",path:"/tutorial/svelte/deep-state"},{title:"Derived state",path:"/tutorial/svelte/derived-state"},{title:"Inspecting state",path:"/tutorial/svelte/inspecting-state"},{title:"Effects",path:"/tutorial/svelte/effects"},{title:"Universal reactivity",path:"/tutorial/svelte/universal-reactivity"}]},{title:"Props",sections:[{title:"Declaring props",path:"/tutorial/svelte/declaring-props"},{title:"Default values",path:"/tutorial/svelte/default-values"},{title:"Spread props",path:"/tutorial/svelte/spread-props"}]},{title:"Logic",sections:[{title:"If blocks",path:"/tutorial/svelte/if-blocks"},{title:"Else blocks",path:"/tutorial/svelte/else-blocks"},{title:"Else-if blocks",path:"/tutorial/svelte/else-if-blocks"},{title:"Each blocks",path:"/tutorial/svelte/each-blocks"},{title:"Keyed each blocks",path:"/tutorial/svelte/keyed-each-blocks"},{title:"Await blocks",path:"/tutorial/svelte/await-blocks"}]},{title:"Events",sections:[{title:"DOM events",path:"/tutorial/svelte/dom-events"},{title:"Inline handlers",path:"/tutorial/svelte/inline-handlers"},{title:"Capturing",path:"/tutorial/svelte/capturing"},{title:"Component events",path:"/tutorial/svelte/component-events"},{title:"Spreading events",path:"/tutorial/svelte/spreading-events"}]},{title:"Bindings",sections:[{title:"Text inputs",path:"/tutorial/svelte/text-inputs"},{title:"Numeric inputs",path:"/tutorial/svelte/numeric-inputs"},{title:"Checkbox inputs",path:"/tutorial/svelte/checkbox-inputs"},{title:"Select bindings",path:"/tutorial/svelte/select-bindings"},{title:"Group inputs",path:"/tutorial/svelte/group-inputs"},{title:"Select multiple",path:"/tutorial/svelte/multiple-select-bindings"},{title:"Textarea inputs",path:"/tutorial/svelte/textarea-inputs"}]},{title:"Classes and styles",sections:[{title:"The class directive",path:"/tutorial/svelte/classes"},{title:"Shorthand class directive",path:"/tutorial/svelte/class-shorthand"},{title:"The style directive",path:"/tutorial/svelte/styles"},{title:"Component styles",path:"/tutorial/svelte/component-styles"}]},{title:"Actions",sections:[{title:"The use directive",path:"/tutorial/svelte/actions"},{title:"Adding parameters",path:"/tutorial/svelte/adding-parameters-to-actions"}]},{title:"Transitions",sections:[{title:"The transition directive",path:"/tutorial/svelte/transition"},{title:"Adding parameters",path:"/tutorial/svelte/adding-parameters-to-transitions"},{title:"In and out",path:"/tutorial/svelte/in-and-out"},{title:"Custom CSS transitions",path:"/tutorial/svelte/custom-css-transitions"},{title:"Custom JS transitions",path:"/tutorial/svelte/custom-js-transitions"},{title:"Transition events",path:"/tutorial/svelte/transition-events"},{title:"Global transitions",path:"/tutorial/svelte/global-transitions"},{title:"Key blocks",path:"/tutorial/svelte/key-blocks"}]}]},{title:"Advanced Svelte",sections:[{title:"Advanced reactivity",sections:[{title:"Raw state",path:"/tutorial/svelte/raw-state"},{title:"Reactive classes",path:"/tutorial/svelte/reactive-classes"},{title:"Getters and setters",path:"/tutorial/svelte/getters-and-setters"},{title:"Reactive built-ins",path:"/tutorial/svelte/reactive-builtins"}]},{title:"Reusing content",sections:[{title:"Snippets and render tags",path:"/tutorial/svelte/snippets-and-render-tags"},{title:"Passing snippets to components",path:"/tutorial/svelte/passing-snippets"},{title:"Implicit snippet props",path:"/tutorial/svelte/implicit-snippet-props"}]},{title:"Stores",sections:[{title:"Introducing stores",path:"/tutorial/svelte/introducing-stores"},{title:"Tweened values",path:"/tutorial/svelte/tweens"},{title:"Springs",path:"/tutorial/svelte/springs"}]},{title:"Advanced bindings",sections:[{title:"Contenteditable bindings",path:"/tutorial/svelte/contenteditable-bindings"},{title:"Each block bindings",path:"/tutorial/svelte/each-block-bindings"},{title:"Media elements",path:"/tutorial/svelte/media-elements"},{title:"Dimensions",path:"/tutorial/svelte/dimensions"},{title:"This",path:"/tutorial/svelte/bind-this"},{title:"Component bindings",path:"/tutorial/svelte/component-bindings"},{title:"Binding to component instances",path:"/tutorial/svelte/component-this"}]},{title:"Advanced transitions",sections:[{title:"Deferred transitions",path:"/tutorial/svelte/deferred-transitions"},{title:"Animations",path:"/tutorial/svelte/animations"}]},{title:"Context API",sections:[{title:"setContext and getContext",path:"/tutorial/svelte/context-api"}]},{title:"Special elements",sections:[{title:"\u003Csvelte:window>",path:"/tutorial/svelte/svelte-window"},{title:"\u003Csvelte:window> bindings",path:"/tutorial/svelte/svelte-window-bindings"},{title:"\u003Csvelte:document>",path:"/tutorial/svelte/svelte-document"},{title:"\u003Csvelte:body>",path:"/tutorial/svelte/svelte-body"},{title:"\u003Csvelte:head>",path:"/tutorial/svelte/svelte-head"},{title:"\u003Csvelte:element>",path:"/tutorial/svelte/svelte-element"}]},{title:"\u003Cscript module>",sections:[{title:"Sharing code",path:"/tutorial/svelte/sharing-code"},{title:"Exports",path:"/tutorial/svelte/module-exports"}]},{title:"Next steps",sections:[{title:"Congratulations!",path:"/tutorial/svelte/congratulations"}]}]},{title:"Basic SvelteKit",sections:[{title:"Introduction",sections:[{title:"What is SvelteKit?",path:"/tutorial/kit/introducing-sveltekit"}]},{title:"Routing",sections:[{title:"Pages",path:"/tutorial/kit/pages"},{title:"Layouts",path:"/tutorial/kit/layouts"},{title:"Route parameters",path:"/tutorial/kit/params"}]},{title:"Loading data",sections:[{title:"Page data",path:"/tutorial/kit/page-data"},{title:"Layout data",path:"/tutorial/kit/layout-data"}]},{title:"Headers and cookies",sections:[{title:"Setting headers",path:"/tutorial/kit/headers"},{title:"Reading and writing cookies",path:"/tutorial/kit/cookies"}]},{title:"Shared modules",sections:[{title:"The $lib alias",path:"/tutorial/kit/lib"}]},{title:"Forms",sections:[{title:"The \u003Cform> element",path:"/tutorial/kit/the-form-element"},{title:"Named form actions",path:"/tutorial/kit/named-form-actions"},{title:"Validation",path:"/tutorial/kit/form-validation"},{title:"Progressive enhancement",path:"/tutorial/kit/progressive-enhancement"},{title:"Customizing use:enhance",path:"/tutorial/kit/customizing-use-enhance"}]},{title:"API routes",sections:[{title:"GET handlers",path:"/tutorial/kit/get-handlers"},{title:"POST handlers",path:"/tutorial/kit/post-handlers"},{title:"Other handlers",path:"/tutorial/kit/other-handlers"}]},{title:"Stores",sections:[{title:"page",path:"/tutorial/kit/page-store"},{title:"navigating",path:"/tutorial/kit/navigating-store"},{title:"updated",path:"/tutorial/kit/updated-store"}]},{title:"Errors and redirects",sections:[{title:"Basics",path:"/tutorial/kit/error-basics"},{title:"Error pages",path:"/tutorial/kit/error-pages"},{title:"Fallback errors",path:"/tutorial/kit/fallback-errors"},{title:"Redirects",path:"/tutorial/kit/redirects"}]}]},{title:"Advanced SvelteKit",sections:[{title:"Hooks",sections:[{title:"handle",path:"/tutorial/kit/handle"},{title:"The RequestEvent object",path:"/tutorial/kit/event"},{title:"handleFetch",path:"/tutorial/kit/handlefetch"},{title:"handleError",path:"/tutorial/kit/handleerror"}]},{title:"Page options",sections:[{title:"Basics",path:"/tutorial/kit/page-options"},{title:"ssr",path:"/tutorial/kit/ssr"},{title:"csr",path:"/tutorial/kit/csr"},{title:"prerender",path:"/tutorial/kit/prerender"},{title:"trailingSlash",path:"/tutorial/kit/trailingslash"}]},{title:"Link options",sections:[{title:"Preloading",path:"/tutorial/kit/preload"},{title:"Reloading the page",path:"/tutorial/kit/reload"}]},{title:"Advanced routing",sections:[{title:"Optional parameters",path:"/tutorial/kit/optional-params"},{title:"Rest parameters",path:"/tutorial/kit/rest-params"},{title:"Param matchers",path:"/tutorial/kit/param-matchers"},{title:"Route groups",path:"/tutorial/kit/route-groups"},{title:"Breaking out of layouts",path:"/tutorial/kit/breaking-out-of-layouts"}]},{title:"Advanced loading",sections:[{title:"Universal load functions",path:"/tutorial/kit/universal-load-functions"},{title:"Using both load functions",path:"/tutorial/kit/using-both-load-functions"},{title:"Using parent data",path:"/tutorial/kit/await-parent"},{title:"Invalidation",path:"/tutorial/kit/invalidation"},{title:"Custom dependencies",path:"/tutorial/kit/custom-dependencies"},{title:"invalidateAll",path:"/tutorial/kit/invalidate-all"}]},{title:"Environment variables",sections:[{title:"$env/static/private",path:"/tutorial/kit/env-static-private"},{title:"$env/dynamic/private",path:"/tutorial/kit/env-dynamic-private"},{title:"$env/static/public",path:"/tutorial/kit/env-static-public"},{title:"$env/dynamic/public",path:"/tutorial/kit/env-dynamic-public"}]},{title:"Conclusion",sections:[{title:"Next steps",path:"/tutorial/kit/next-steps"}]}]}]},{title:"Playground",slug:"playground"},{title:"Blog",slug:"blog"}],banner:{id:"sveltehack2024",start:new Date(1729555200000),end:new Date(1734307199000),arrow:true,content:{lg:"Cast runes, win prizes: SvelteHack 2024",sm:"SvelteHack 2024"},href:"https://hack.sveltesociety.dev/2024"}},"uses":{"url":1}},{"type":"data","data":null,"uses":{}}]; Promise.all([ import("./_app/immutable/entry/start.BbX7W4R_.js"), import("./_app/immutable/entry/app.BVKh5gSG.js") ]).then(([kit, app]) => { kit.start(app, element, { node_ids: [0, 5], data, form: null, error: null }); }); } </script> </div> <script> if (localStorage.getItem('svelte:show-legacy') !== 'false') { for (const node of document.querySelectorAll('details.legacy')) { node.open = true; } } if (localStorage.getItem('svelte:prefers-ts') === 'false') { for (const node of document.querySelectorAll('.ts-toggle')) { node.checked = false; } } </script> </body> </html>