L'estensione di file .svelte viene utilizzata per i file dei componenti Svelte. Svelte è un moderno compilatore JavaScript che trasforma il codice dei componenti in JavaScript nativo altamente efficiente durante la fase di compilazione (build time). A differenza dei framework JavaScript tradizionali che svolgono la maggior parte del lavoro nel browser, Svelte sposta tale elaborazione in un passaggio di compilazione. Ciò si traduce in dimensioni del bundle ridotte, tempi di caricamento iniziale più rapidi e migliori prestazioni in fase di esecuzione. Un file .svelte contiene tipicamente una combinazione di markup HTML, logica JavaScript e stili CSS, il tutto all'interno di un unico file. Il compilatore Svelte analizza questi componenti e genera codice JavaScript ottimizzato che manipola direttamente il DOM, riducendo al minimo l'overhead associato al diffing e alla riconciliazione del DOM virtuale. I componenti Svelte sono reattivi per impostazione predefinita, il che significa che le modifiche ai dati aggiornano automaticamente le parti corrispondenti dell'interfaccia utente. Questa reattività è ottenuta tramite il compilatore di Svelte, che inserisce una logica di aggiornamento efficiente nel codice generato. I file Svelte sono i mattoni fondamentali delle applicazioni Svelte, consentendo agli sviluppatori di creare componenti dell'interfaccia utente riutilizzabili e manutenibili.