Special Elements in Svelte
From the Svelte cheat sheet · Special Elements · verified Jul 2026
Special Elements
Svelte special elements for advanced use cases
javascript
<!-- Bind to window -->
<svelte:window
onresize={handleResize}
onscroll={handleScroll}
/>
<!-- Dynamic component -->
<svelte:component this={ComponentName} />
<!-- Bind to body -->
<svelte:body onclick={handleClick} />
<!-- Insert into head -->
<svelte:head>
<title>Page Title</title>
</svelte:head>🪟 svelte:window for global window events
🔄 svelte:component for dynamic component rendering
📄 svelte:head to insert elements into document head
🎯 svelte:element for dynamic HTML elements