.svelte File — Svelte Component

SVELTE files are components for the Svelte framework, a modern approach to building web user interfaces that shifts the heavy lifting from the browser to the build step. Unlike React and Vue which use a virtual DOM at runtime, Svelte compiles components into highly efficient imperative JavaScript that directly manipulates the DOM, resulting in smaller bundle sizes and faster performance. A Svelte file contains <script>, HTML template, and <style> blocks in a single file, with a clean syntax that minimizes boilerplate — reactive declarations use simple $: labels, and state management is as simple as assigning to variables. Svelte supports scoped styles, animations and transitions as first-class features, stores for global state, two-way binding, and slots for component composition. SvelteKit, the official application framework, provides server-side rendering, static site generation, file-based routing, and progressive enhancement. Svelte has gained rapid adoption for its developer experience, performance characteristics, and minimal learning curve. The framework consistently ranks among the most loved and wanted in developer surveys. Svelte 5 introduced runes, a new reactive system providing even more fine-grained reactivity.