La extensión de archivo .svelte se utiliza para los archivos de componentes Svelte. Svelte es un compilador moderno de JavaScript que transforma el código del componente en JavaScript puro (vanilla JavaScript) altamente eficiente durante el tiempo de compilación (build time). A diferencia de los frameworks de JavaScript tradicionales que realizan la mayor parte de su trabajo en el navegador, Svelte traslada ese trabajo a un paso de compilación. Esto resulta en tamaños de paquete (bundle sizes) más pequeños, tiempos de carga inicial más rápidos y un rendimiento mejorado en tiempo de ejecución (runtime performance).
Un archivo .svelte generalmente contiene una combinación de marcado HTML, lógica JavaScript y estilos CSS, todo dentro de un solo archivo. El compilador Svelte analiza estos componentes y genera código JavaScript optimizado que manipula directamente el DOM, minimizando la sobrecarga asociada con la diferenciación (diffing) y la reconciliación del DOM virtual. Los componentes Svelte son reactivos por defecto, lo que significa que los cambios en los datos actualizan automáticamente las partes correspondientes de la interfaz de usuario. Esta reactividad se logra a través del compilador de Svelte, que inserta lógica de actualización eficiente en el código generado. Los archivos Svelte son los bloques de construcción fundamentales de las aplicaciones Svelte, permitiendo a los desarrolladores crear componentes de interfaz de usuario (UI) reutilizables y mantenibles.