Svelte logo
Svelte logotype

Cybernetically enhanced web apps

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.

Read the introductory blog post to learn more.

	npx degit sveltejs/template my-svelte-project
	cd my-svelte-project

	npm install
	npm run dev
			

See the quickstart guide for more information.

Learn Svelte

Svelte components are built on top of HTML. Just add data.

CSS is component-scoped by default — no more style collisions or specificity wars. Or you can use your favourite CSS-in-JS library.

Trigger efficient, granular updates by assigning to local variables. The compiler does the rest.

Build beautiful UIs with a powerful, performant transition engine built right into the framework.

Who's using Svelte?

Contributors

Svelte is free and open source software, made possible by the work of dozens of volunteers. Join us!

Rich-HarrisConduitrytanhauhauSwatinemjacwrightmindroneslukeedmrkishiekhaledEmilTholinzxbodyabtk5hjchesPaulBGDGarrettGeorgeFWeinbRedHatterbtakitaevs-chrisUnwrittenFunjacobmischkapngwncolincaseyTehShriketivacPanyasanderhahnaphitielkaisermannhalfnelsonHarald-1Axelen123m59peacemakertaylorzaneleporoarxpoeticastalkergesarbanishperrinLostKobrakaiCreaturesInUnitardsthollanderemilosAlbertLuciantocristineculaMikeMatrixshinnntimhallumanghomebre30kra69csVagesAlexxNBqintarpclarkdoHongarclukasIOElectronSzNitayRabiPaulMalysamuelgozijs2me43081jdmitrykurmanovaarongeorgeItalyPaleAleindustralallantitoalmaz-khanamwmediaantonybenleshbwbroersmachrishelgertCrisfolefunkybobmembranophonistdeyyanlneoelSrZorroGarethOateszlsamatt3224nikkuoguzhaninanvarholak-petersercaneraslankyrylkovSteveALeethghsaibotsivadcvlabadrian5cayassocudrcbolgianogabysantoswmartinandertmustafa0xtrbrcelliotwaitefjorgemotabuhrmivaibhav111tandondavidaqvedam1wheelzzoloalexnozAlex-CSaoreltalklittleankeetmainiacstllguzartel1fwebdesqTrzosoobenororbdoughertybravecowblittlec0brabsssshhhhhhhCleecanthchris-morgancaengenklaussnerclebertdalemartyndyslexicondavebrentdkondraddavemowidyakumaradomin1101StarpTechematipicoenstyledericdfieldsevanmoncusovilarfgGabswimgonfvagkaDenhaiDagdahuIlyaSemenovnewbornfrontenderilblogIvanSanchezbeeganjackyeflunchboxerfoucistRukenshiaJoxtacyjesseskinnerjwicks31johman10johnmuhl6eDesignjormajgetkeypyonerKarsten7khtdrnetaisllcKihoatomAlteraleereamsnyderLeon31leomarquinelodelorenbrichterlguzzonlyndsysimonmarvinhagemeistermahenrique94MaxMiltonmterczynskimtlewiskhorpynicolasmgaraycharpeniNielsjacobs10njbotkinnolanlawsonomeraplakvp2177plmrrypaulocoghiblackwolf12333RAYDENFilippraitalharehmanretotrinklerrhuclerohanfaiyazkhanrmariuzzoryanatknscottbedardeps1lonshakhbulatgazlenovouserStevenWeatherstiberiuctimdeschryvertcrowethelgevoldTi-webdevvidarenSleepyWerewolfsupermooshmanjakutisZirroarggheh-dubbenibcraigglenniedasZGFzfiskgrodanhvilleigoradamenkojpscjulian-kuroiwamattstobbsmellisdesignsmunrocketnbgoodallnhducitpriyanjitdey94pynnlravelingred-meadowrqrqrqrqsidx1024sw-yxvoldemortensenDing-Fan