Welcome to the Svelte reference documentation! This is intended as a resource for people who already have some familiarity with Svelte and want to learn more about using it.
If that's not you (yet), you may prefer to visit the interactive tutorial or the examples before consulting this reference. You can try Svelte online using the REPL. Alternatively, if you'd like a more fully-featured environment, you can try Svelte on StackBlitz.
Start a new projectpermalink
We recommend using SvelteKit, the official application framework from the Svelte team:
npm create svelte@latest myapp cd myapp npm install npm run dev
SvelteKit will handle calling the Svelte compiler to convert your
.svelte files into
.js files that create the DOM and
.css files that style it. It also provides all the other pieces you need to build a web application such as a development server, routing, deployment, and SSR support. SvelteKit uses Vite to build your code.
Alternatives to SvelteKitpermalink
If you don't want to use SvelteKit for some reason, you can also use Svelte with Vite (but without SvelteKit) by running
npm create vite@latest and selecting the
svelte option. With this,
npm run build will generate HTML, JS and CSS files inside the
dist directory. In most cases, you will probably need to choose a routing library as well.
Alternatively, there are plugins for all the major web bundlers to handle Svelte compilation — which will output
.css that you can insert into your HTML — but most others won't handle SSR.