A extensão de arquivo .svelte é utilizada para arquivos de componente Svelte. Svelte é um compilador JavaScript moderno que transforma o código do componente em JavaScript "vanilla" altamente eficiente durante o tempo de compilação (build time). Ao contrário dos frameworks JavaScript tradicionais que realizam a maior parte do seu trabalho no navegador (browser), o Svelte transfere esse trabalho para uma etapa de compilação. Isso resulta em tamanhos de pacote (bundle sizes) menores, tempos de carregamento inicial mais rápidos e desempenho de tempo de execução (runtime performance) aprimorado.
Um arquivo .svelte tipicamente contém uma combinação de marcação HTML, lógica JavaScript e estilização CSS, tudo dentro de um único arquivo. O compilador Svelte analisa esses componentes e gera código JavaScript otimizado que manipula diretamente o DOM (Document Object Model), minimizando a sobrecarga associada à diferenciação (diffing) e reconciliação do DOM virtual. Os componentes Svelte são reativos por padrão, o que significa que as alterações nos dados atualizam automaticamente as partes correspondentes da interface do usuário. Essa reatividade é alcançada através do compilador Svelte, que insere lógica de atualização eficiente no código gerado. Os arquivos Svelte são os blocos de construção de aplicações Svelte, permitindo que os desenvolvedores criem componentes de UI reutilizáveis e de fácil manutenção.