SvelteKit
fast
Powered by Svelte and Vite, speed is baked into every aspect of SvelteKit's design: fast installation, fast development, fast builds, fast page loads, fast navigations. Did we mention it's fast?
fun
No more wasted days figuring out bundler configuration and routing and server-side rendering and progressive enhancement and CSP and environment variables and all the other boring stuff. Code with joy.
flexible
SPA? MPA? SSR? SSG? WTF. SvelteKit doesn't force its opinions on you, but instead gives you the tools to succeed whatever it is you're building. And it runs wherever JavaScript does.
SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.
Unlike single-page apps, SvelteKit doesn't compromise on SEO, progressive enhancement or the initial load experience — but unlike traditional server-rendered apps, navigation is instantaneous for that native-app-like feel.
Try it on StackBlitz or create a project locally.
npm create svelte@latest my-app
cd my-app
npm install
npm run dev -- --openadjective /svelt/ attractively thin, graceful and stylish
SvelteKit is built on Svelte, a different kind of UI framework. It uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript. It's a love letter to web development.
But don't take our word for it. Developers consistently rank Svelte as the framework they're most excited about using.
Watch Svelte Origins on YouTube.
Mix and match prerendered pages for maximum performance with dynamic server-side rendering for maximum flexibility. Turn your app into a client-rendered PWA with a single line of code, for the whole thing or just one page.
Use accessible client-side routing with automatic preloading for slick, instantaneous navigation that doesn't reload your entire page (and your analytics, and all that other junk).
Protect your users with automatic CSRF protection and easy-to-use Content Security Policy configuration.
Connect your back end to your front end with type-safe data loading and built-in form actions that work with or without JavaScript.
Build complex UIs with unusually powerful filesystem-based routes. Nested layouts? We got 'em.
Learn web standards that work across environments. Deploy anywhere with adapters. SvelteKit is the framework that grows with you, from your local machine to the edge of the world.