The sv CLI also got a new ai-tools add-on that replaces the old mcp one, and sv@next now ships a task-based sveltekit-3 migration for existing apps.

Let’s dive a bit deeper!

What’s new in Svelte

• SvelteMap now has getOrInsert and getOrInsertComputed methods for the common “read or initialize” pattern (5.57.0, Docs, #18728)

• createContext now returns a third has function so you can check whether a context has been set without triggering the get error (5.57.0, Docs, #18472)

• <select> now supports the defaultValue attribute, so the select reverts to that value on form reset (5.57.0, #18591)

• svelte/server now exports the RenderOutput, SyncRenderOutput, Csp and Sha256Source types for typing server render output and CSP sources (5.57.0, #18648)

For the full list of patches and bug fixes, see the Svelte CHANGELOG.

What’s new in SvelteKit 3’s RC

Prereleases have kept rolling on the @next line this month, adding a few more features and refining the surface:

• Enhanced cross-page form actions now navigate to the action page on success and failure, matching native form behavior (3.0.0-next.17, breaking, #16684)

• Adapter Vite plugins can now be split into pre and post groups so adapters can run transforms at the right point in the pipeline (3.0.0-next.18, breaking, #16711)

• Files with + prefixes are now ignored during routing if their names contain test, spec or stories, so colocated tests don’t accidentally become routes (3.0.0-next.19, #16715)

• Development-server response logging is now nicer to read and routes through Vite’s logger so it respects logLevel and customLogger (3.0.0-next.20/25, #16744, #16858)

• defineParams and the associated types have moved to @sveltejs/kit/params (3.0.0-next.19, breaking, #16716)

• +server.js files can now export a QUERY HTTP method handler (3.0.0-next.24, #16782)

• The preload filter for fonts now receives the project-relative source filename so you can filter by directory or component (3.0.0-next.24, #16443)

• Adapters can call the new applyReroute helper for split serverless function deployments (3.0.0-next.25, #16665)

For the meantime, all of the SvelteKit 3 docs live on next.svelte.dev, and the full changelog is on the version-3 branch. The stable 2.x line kept moving too with three patch releases (2.70.1, 2.70.2, 2.70.3) - see the SvelteKit CHANGELOGs for the details.

What’s new in the Svelte CLI and Language Tools

• The mcp add-on has been replaced with a broader ai-tools add-on that can set up the Svelte plugin (Claude Code, opencode) or pick individual tools (MCP server, skills, sub-agents) per client (sv@0.17.0, Docs, #1050)

• @sveltejs/sv-utils picks up isKit3, resolveLibPrefix and libSubpathImports helpers so add-ons can transparently handle SvelteKit 2 and 3 (sv-utils@0.3.3, #1199)

• sv migrate has been reworked to prepare for the SvelteKit 3 migration - it now lists tasks, ships a sveltekit-3 task that bumps dependencies and rewrites $lib to #lib, adds an $app/state task, delegates the older migrations to svelte-migrate@1, and creates a list of changes a developer or agent should resolve if they cannot be migrated automatically (sv@1.0.0-next.0, Docs, #1138, #1241, #1249)

• Newly created projects use #lib (Node subpath imports) instead of $lib, matching SvelteKit 3 (sv@1.0.0-next.0, #1185)

• Community add-ons no longer require a scoped package name (sv@1.0.0-next.4, #1216)

• The experimental add-on is now scoped to enabling experimental features, and the versions option value was renamed to kit-3 (sv@1.0.0-next.0, breaking, #1241, #1185)

• Vite plugin gets a dynamicCompileOptions argument for the current Vite environment, useful when you want to compile differently for the client, server or SSR environment (vite-plugin-svelte@7.3.0, #1386)

• svelte2tsx and svelte-check learn about SvelteKit 3’s flattened config structure so the type generation and diagnostics keep working through the migration (svelte-check@4.7.6/svelte2tsx@0.7.61/svelte-language-server@0.18.4, #3104, #3106)

Want to dive deeper? Check out the Svelte CLI, language-tools and ai-tools releases.

Community Showcase

Apps & Sites built with Svelte

• EdenText is a fully local open-source word processor for .odt and .docx documents that runs entirely in the browser or as a PWA

• Kraa.io is a minimal-interface text editor and publishing platform where you can instantly make your writing public

• Note by Note is a browser extension for musicians that transposes, slows down and removes vocals from YouTube videos in real time (GitHub)

• Roomy is an AT Protocol-based Discord alternative for group chats in the Atmosphere

• Taxing Wages is a salary tax calculator for 32 OECD countries built on the OECD’s taxing wages data

Learning Resources

This Week in Svelte

• Ep. 148 - Changelog

• Ep. 149 - Changelog, ogygia – SSR islands and lakes in SvelteKit

To Read

• Tested SvelteKit on Cloudflare. Oooooh boy... is a write-up on porting a full app to SvelteKit + Cloudflare Workers + KV + D1 + Hyperdrive + Better Auth and coming away impressed

Libraries, Tools & Components

UI Components and Design Systems

• Svelte DataTables Components is a free collection of 16 data-table components and 11 pre-built table blocks on top of TanStack Table v9, installable via the shadcn-svelte CLI

• Svelte Fancy Components is a port of Fancy Components with 14 unique text and media effects like Scramble In, Letter Swap and Pixel Trail

• SVAR Svelte Calendar and Kanban add event calendar and Kanban board components to the SVAR Svelte library, both with drag and drop, filtering and iCal import/export

• MUKADE UI is a terminal-style UI component library

• Material Svelte is a Material Design 3-inspired UI library

• Beautiful UI Svelte is a port of a set of React AI-app components

Animations and Icons

• morphicons is an icon library where any stroke icon morphs into any other with a single prop change

• Amicro SV is a port of Amicro, a curated library of micro-interaction and transition components

• loadersz is a framework-agnostic loader library with 70 canvas-based motion states, exposed as a custom element with typed entry points for React, Vue and Svelte

Frameworks and Dev Tools

• ogygia brings SSR islands to SvelteKit, from Svelte contributor Puru VJ

• TanStack Table v9 shipped stable with its first Svelte-native adapter that connects directly to runes, plus Svelte-specific docs and a shadcn-svelte example

• Wait0 is a dynamic cache with SWR warmup and sitemap discovery for SvelteKit that serves pages instantly and revalidates in the background

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

Alongside the preview releases, the stable line kept moving with submitted on remote forms and a new home for defineEnvVars. The language tools also picked up zero-config +error.svelte props so error pages get their page and error types with no extra setup.

And, in case you missed it, Svelte Summit Ljubljana 2026 is happening November 19-20, with a workshop day on November 18, the day before the summit. Save the date!

What’s new in SvelteKit

• Remote forms now expose a submitted property so you can react to the moment a form is submitted without waiting for the response (2.69.0, Docs, #14811)

• defineEnvVars has moved from @sveltejs/kit to @sveltejs/kit/env so environment helpers live in a dedicated subpath (2.70.0, Docs, #16378)

SvelteKit 3 preview

The next major version has landed in @next. Here are the highlights from 3.0.0-next.5 through 3.0.0-next.13 that you’ll actually want to try out:

• Shallow routing is now built into goto via a new state option (with persistState: true to keep state across reloads), replacing pushState and replaceState (3.0.0-next.13, #16449)

• goto‘s noScroll and keepFocus options (and their matching data-sveltekit-* attributes) collapse into a single reset option (3.0.0-next.13, #16558)

• error(status, {...}) is deprecated in favor of error(status, message, {...}) so error messages are always required (3.0.0-next.13, #16540)

• refreshAll replaces invalidateAll, which is now deprecated (3.0.0-next.8, #16289)

• A new $app/manifest module exposes immutable, assets, prerendered and routes so you can introspect the build output at runtime (3.0.0-next.12, #16372)

• A new $app/service-worker module replaces the old $service-worker, and $app/paths is now importable inside service workers (3.0.0-next.12, #16458, #16441)

• SvelteKit now detects new deployments on data, remote and form action responses, on tab focus and on visibility change, with a default version.pollInterval of one hour (3.0.0-next.12, #16496)

• Sourcemaps are now supported in production builds (3.0.0-next.11, #16412)

• Tracing has moved out of the experimental namespace and the instrumentation flag has been removed (3.0.0-next.7, #16260)

• Form fields pick up a dirty() helper and remote forms get a new field.touched() for better validation UX (3.0.0-next.6, #16208, #14692)

Full preview details (including expected breaking changes) are in the SvelteKit 3 CHANGELOG.

For all the features and bugfixes across the stable line and adapters, check out the SvelteKit CHANGELOGs.

What’s new in the Svelte CLI and Language Tools

• sv now picks the right package manager more reliably, with detection that respects the lockfile in nested workspaces (sv@0.16.6, #1190)

• Add-on authors can now call addOption during the setup phase to add options dynamically based on user choices (sv@0.16.6, #1042)

• The prettier add-on now formats every file it generates, not just the ones it touches (sv@0.16.6, #1192)

• The better-auth add-on has been bumped to Better Auth 1.6 and now uses the dedicated auth package (sv@0.16.5, #1058)

• sv-utils gains defineEnv().importEnv for importing from the environment module without branching on mode, plus recognition of the nub package manager (sv-utils@0.3.1/0.3.2, #1150, #1187)

• +error.svelte now gets its page and error props typed automatically, with no extra setup (svelte-check@4.7.3/svelte2tsx@0.7.58, #3076)

• svelte-language-server drops its lodash dependency for a smaller install and faster startup (svelte-language-server@0.18.3, #3038)

• The Svelte Inspector adds a context menu with the current component stack, making it easier to jump between parent and child components (vite-plugin-svelte@7.2.0, #1370)

• The @sveltejs/opencode plugin now ships a TUI variant for terminal workflows (opencode@0.1.10, #231)

• @sveltejs/opencode also gains an autoupdate option so the plugin can keep itself current (opencode@0.1.12, #238)

Want to dive deeper? Check out the Svelte CLI and language-tools releases. For all the minor changes and bugfixes that came out in the Svelte compiler this month, you can read the full Svelte CHANGELOG.

Community Showcase

Apps & Sites built with Svelte

• Recipe Jar is a local-first recipe keeper built as a PWA with runes, IndexedDB and no backend (GitHub)

• Doota reimagines email as a chat interface, built entirely on Svelte and Cloudflare’s edge stack (GitHub)

• Loot Raiders is a browser-based inventory extraction game built with SvelteKit, GSAP and Howler

• Motioner is a browser-based Figma-style design tool where every frame doubles as an animation timeline

• The Prototype is a collaborative 3D scene editor built on Threlte, with peer-to-peer sync over WebRTC and a full runes-based state system

• clocks.dev is a community-built gallery where every clock is a Svelte component and anyone can contribute a new design

• Flatxel is an r/place-style collaborative pixel canvas

• Gabble is a daily word game PWA that mixes Wordle and Boggle mechanics

• Vivalence is an AI-harnessed, self-hostable app platform built in Svelte

• Can you terraform Mars? is an interactive Nature featured article

Learning Resources

Featuring Svelte Contributors and Ambassadors

• atproto x npmx x svelte meetup happened in Berlin after Local-First Conf - a crossover satellite event with the AT Protocol, npmx, and Svelte communities!

• Agentic Engineering with Svelte by Paolo Ricciuti walks through how Mainmatter is building agent-driven workflows on top of Svelte and SvelteKit

This Week in Svelte

• Ep. 145 - Changelog, Wuchale

• Ep. 146 - Changelog, Chatto

• Ep. 147 - Changelog

To Read

• Migrated a dashboard application from React to Svelte - an account from an engineer who cut their bundle size roughly in half after moving from TanStack Start + React Query to SvelteKit and remote functions

• I built a Rust toolchain for Svelte by Yamagishi Kazutoshi (one of the main Svelte language-tools maintainers) walks through rsvelte, a Rust reimplementation of the Svelte compiler, formatter, linter, type checker and LSP tested against 12,000+ real components

• Three years ago I told you Svelte gave me everything by Bishwas Bhandari is a personal retrospective on six years of building with Svelte

• Building a Dynamic Invoice Form in Svelte 5 with Formisch uses Formisch, Valibot and FieldArray to build a typed dynamic invoice form

• Svelte Building Blocks is a free, runnable, level-based course that starts with components and runes and works up through APIs, testing and production

Libraries, Tools & Components

Frameworks and Tooling

• LayerChart 2.0 shipped a rewrite with a CSS-framework-agnostic API, new components and chart types from Sean Lynch

• Mochi, the experimental SSR framework for Svelte 5 and Bun, has added an <Image> component with resizing, email sending with Svelte components as templates, queues, rate limiting and a built-in captcha (0.8.x). It can also now route compilation through a rust compiler (rsvelte) instead of svelte/compiler (0.9.x)

• rsvelte is a Rust implementation of the Svelte toolchain from Yamagishi Kazutoshi

• Frizzante v2 is a Go + Svelte full-stack framework whose latest release adds SSG snapshots

• Hoikka is a full-stack SvelteKit ecommerce project that runs on SQLite and deploys to Node or Cloudflare (pnpx create-hoikka-app to try it)

• SVOCS is a markdown-first docs and blog generator built on SvelteKit

• Svelte DocSmith is another docs framework for SvelteKit where markdown files become routes and the sidebar builds itself from frontmatter

• SDuX is a deterministic pipeline-based state management library that works with Svelte through @sdux-vault/core

• svelte-effect-runtime lets you yield* effectful code directly inside <script> and markup

• PlaySocket is a multiplayer library that handles optimistic updates and CRDT-based synchronization

UI Components and Visual Effects

• Lily is a Tailwind v4 component library with a single “quiet by design” visual language and shadcn-style CLI installs

• CossUI-Svelte is an unofficial port of the Coss UI components backfilling components missing from shadcn, Bits UI and Origin UI

• mindmapcn-svelte is a zero-config interactive mind map component styled to fit shadcn-svelte design systems

• Svelte Swipe To Action is a highly customizable swipe-to-action component

• Edra v3 is a rich text editor for SvelteKit that now ships headless and shadcn variants through a CLI and component registry

• CMS Brew lets clients edit their SvelteKit site through a chat interface that produces plain commits on GitHub

• File Viewer for Svelte is a native Svelte component and action for previewing PDF, Office, CAD and archive files in the browser (Demo)

Developer Tools and Plugins

• svelte-vitals is a static code-health checker for SvelteKit that scores SEO, performance, correctness, security and architecture from source, with inline PR annotations and SARIF upload

• PerfGraph turns Lighthouse traces into a focused “root cause to impact to fix” report designed to be read by AI agents

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

On top of that, the language tools and the sv CLI both caught up with Svelte’s new {const ...} declaration tags, so the whole toolchain is now in sync.

Let’s dive in!

What’s new in SvelteKit

• You can now pass your SvelteKit config directly to the Vite plugin, so a separate svelte.config.js is no longer required, as a preview of how Kit 3 will require config to live in vite.config.js (2.62.0, Docs, #15944)

• Experimental explicit environment variables let you declare and type your env vars in one place, as a preview of how $env/* will work in SvelteKit 3 (2.63.0, Docs, #15934)

• Remote function commands can now receive File objects directly, so you can upload files without manually wrapping them in FormData (2.64.0, Docs, #15978)

• Remote queries can now refresh other queries, making it easier to invalidate related data after a mutation (2.65.0, Docs, #16012)

• Prerendered .md and .mdx files are now precompressed alongside HTML, JS and CSS for faster delivery (2.66.0, Docs, #15893)

• SvelteKit now warns when boolean fields in remote form schemas are not marked optional, which is a common cause of silent submit failures (2.66.0, Docs, #15804)

• The new prerender.handleInvalidUrl option lets you customize how invalid URLs found during crawling are reported (2.67.0, Docs, #16088)

• RemoteFormEnhanceInstance and RemoteFormEnhanceCallback are now exported types, so you can type your custom enhance callbacks directly (2.68.0, Docs, #15816)

• Submitted submit fields now keep their value in the form action payload, which makes multi-button forms easier to handle on the server (2.68.0, Docs, #15979)

For all the features and bugfixes that landed this month, check out the SvelteKit / Adapter CHANGELOGs.

What’s new in the Svelte CLI and Language Tools

• The Svelte CLI demo template now uses the new {const ...} declaration tag, so newly created projects show off the latest Svelte syntax (sv@0.16.0, #1110)

• sv create now scaffolds projects against @sveltejs/kit ^2.62.0 and moves the Svelte config into the Vite plugin by default (sv@0.16.0, #1119)

• A new experimental add-on lets you toggle experimental flags and opt into @next versions directly from the CLI (sv@0.16.0, #1121)

• The drizzle and better-auth add-ons now support SvelteKit’s new explicit environment variables (sv@0.16.0, #1122)

• New defineEnv and svelteConfig helpers in @sveltejs/sv-utils make it easier to read and edit a project’s Svelte config from add-ons (sv-utils@0.3.0)

• The Svelte language server, svelte-check and svelte2tsx now understand Svelte 5’s {const ...} declaration tags (svelte-language-server@0.18.1/svelte-check@4.5.0/svelte2tsx@0.7.56, #3033)

• CSS completions now work inside nested <style> tags (svelte-language-server@0.18.1, #3022)

• The language tools can now read Svelte config straight from vite.config.js/ts, matching SvelteKit’s new Vite plugin configuration (svelte-language-server@0.18.2/svelte-check@4.6.0, #3031)

• svelte-check now accepts a --config option to point at a custom config file location (svelte-check@4.7.0, #3066)

• Experimental tsgo (TypeScript Go) support is now available in svelte-check for faster type checking on large codebases (svelte-check@4.7.0, #3036)

Want to dive deeper? Check out the Svelte CLI and language-tools releases. For all the minor changes and bugfixes that came out in the Svelte compiler this month, you can read the full Svelte CHANGELOG.

Community Showcase

Apps & Sites built with Svelte

• COLOR LAB is a browser-based color science instrument that explores RGB gamuts as 3D solids and builds perceptual theme ramps with WCAG checks

• Cometline is a local desktop AI companion built with SvelteKit, Electron and a Go agent core

• Disc is a database for users, with a built-in Svelte dashboard

• EZResumes is a fully client-side, local-first resume builder that lets you customize layouts with Typst

• Graphgen is a node-based generative art tool for 2D line art

• Lunarr is an open source self-hosted media server and Plex alternative

• Pixel Snapper is a desktop tool that snaps near-pixel-art images onto perfect grids, built with SvelteKit, Tauri and Rust by the makers of the previously featured Sprite Fusion (GitHub)

• SuperMCP is a native macOS app that gives Claude, Cursor, Windsurf and other AI tools access to Reddit, X, LinkedIn and more via the local Chrome cookies

• darkly is an open source art program built with Rust and Svelte

Spotted in the Wild

• Guild Wars 3 - the official ArenaNet site for the upcoming MMORPG

• Obama Foundation - the new site for the recently opened Obama Presidential Center

• On a more meta note, sveltekit.fyi scans Bluesky for sites built with SvelteKit and showcases them, in the spirit of nuxt.fyi

Learning Resources

Featuring Svelte Contributors and Ambassadors

• Agentic Engineering with Svelte by Paolo Ricciuti is a new YouTube series from Mainmatter that documents building a real production Svelte app with AI agents (8 episodes so far, with an AMA on July 15th)

• My Favorite Framework Just Got Better by Joy of Code walks through realtime data in SvelteKit using remote functions, live queries and generators

This Week in Svelte

• Ep. 143 - Changelog, Mochi

• Ep. 144 - Changelog

To Read

• Picking Svelte in 2026: the honest tradeoff nobody tells you by Dmitrii Bormotov

• Wuchale: One Year of Compile-Time i18n by Kidus Adugna

Libraries, Tools & Components

Frameworks and Tooling

• Mochi is a performance-focused alternative to SvelteKit from Stanislav Khromov that uses islands architecture and programmatic routing on Bun

• pottz bundles your SvelteKit app, the Bun runtime and a webview into a single executable so you can ship it as a native desktop app

• Svelte TV renders Svelte components to WebGL instead of the DOM for use on smart TVs and low-memory webviews

• TabSpot is a declarative keyboard navigation engine for hierarchical and grid interfaces

UI Components and Visual Effects

• neobrutalism-svelte is a UI library inspired by neobrutalism, balsamiq and lo-fi aesthetics

• @winkintel/bootstrap-svelte brings Bootstrap 5’s grid, utilities and components to Svelte 5 with full TypeScript support

• Tan Compose is a lightweight library for building declarative reusable web components

• Svaul is a zero-dependency drawer component for Svelte 5, modernizing vaul-svelte

• Svelte Animated Icon ships close to 10,000 animated icon variants across five icon libraries using the Web Animations API (GitHub)

• FlareCharts is a runes-native charting library for Svelte 5 with built-in CSS theming and accessibility

• Svelte Video Editor is a host-agnostic timeline-based video editor component for Svelte 5 with multi-track clips, scrubbing and ripple edits

Developer Tools and Plugins

• tsv is a Rust-based formatter and parser for TypeScript, Svelte and CSS, with a linter on the roadmap

• svelte-docinfo extracts JSON documentation from TypeScript and Svelte modules using the TypeScript compiler

• VS Code Live Theme Editor is a VSIX extension for editing every token and color in any VS Code, Cursor or TRAE theme

• sveltekit-cloudflare-do automatically exports Durable Objects to the Cloudflare Worker bundle generated by @sveltejs/adapter-cloudflare

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

Keep an eye out for a few breaking changes in remote functions, if you’re using those. Otherwise, enjoy all the new SvelteKit features and bug fixes in the latest versions of Svelte.

Let’s dive in!

What’s new in SvelteKit

• Form submit now returns a boolean to indicate submission validity for enhanced remote forms (2.57.0, Docs, #15530)

• Breaking: requested(...) now requires limit and yields { arg, query } entries instead of returning the validated argument directly (2.58.0, Docs, #15739)

• requested(...) now supports query.batch(...), which makes batch remote query workflows easier to inspect in request-time logic (2.59.0, Docs, #15751)

• submit and hidden remote form fields can now accept booleans and numbers directly (2.60.0, Docs, #15802)

• SvelteKit now warns when remote form validation issues are never read, helping catch missed UX paths earlier (2.60.0, Docs, #15653)

• Breaking: .run() was removed from remote queries - use await query() directly in all contexts instead (2.61.0, Docs, #15779)

• Remote queries can now be awaited in event handlers, async callbacks and module scope, with cache deduping shared across reactive and non-reactive consumers (2.61.0, Docs, #15779)

• query.live(...) makes working with long-lived remote query subscriptions easier and are now async-iterable (experimental 2.59.0, async in 2.61.0, Docs, #15878)

• Breaking: Enhance callbacks now receive a copy of the form remote function instance, rather than a { form, data, submit } object. Plus, remote form instances now expose a programmatic submit() API and can be passed into enhance callbacks (2.61.0, Docs, #15657)

For all the features and bugfixes that landed this month, check out the SvelteKit / Adapter CHANGELOGs.

What’s new in Svelte and the Svelte ecosystem

• Templates now allow declarations directly in markup, making it easier to define values close to where they’re used (svelte@5.56.0, #18282)

• Svelte language-tools now support TypeScript 6.0 across the language server, svelte2tsx and svelte-check packages (svelte-language-server@0.18.0/svelte2tsx@0.7.55/svelte-check@4.4.8/svelte-preprocess@6.0.4, Docs, #2985 / #675)

• Svelte MCP’s stdio mode can now read file content directly, reducing round trips in local tool workflows (mcp@0.1.23, Docs, #198)

• vite-plugin-svelte now enables the optimizer for server environments during development (vite-plugin-svelte@7.1.0, #1328)

Want to dive deep into everything new this month? Check out the language-tools, ai-tools and vite-plugin-svelte releases.

For all the minor changes and bugfixes that came out in the Svelte compiler this month, you can read the full Svelte CHANGELOG.

Community Showcase

Apps & Sites built with Svelte

• asciidia.com is an ASCII-style browser game experiment built with Svelte

• Bingewatcher.org is a daily movie guessing game based on data from Wikipedia and word vectors for 157 languages

• Delcard is an open source peer-to-peer card game platform built with SvelteKit (GitHub)

• Dialyma is an open source canvas builder that can export production-ready code (GitHub)

• Exort is a local workspace for writing microcontroller code, compiling and uploading projects, and monitoring live serial output on supported boards (GitHub)

• Heavy Duty Inc is a turn-based tactics game built with Svelte (Reddit)

• hope-art.app applies protection filters to artwork images before sharing them online to prevent unauthorized AI training and style mimicry (GitHub)

• Image Palette Studio turns images into UI themes with generated CSS variables (GitHub)

• Pad is a local-first collaboration tool that combines a Go CLI with an embedded Svelte web app for human-agent workflows (GitHub)

• Serverwat.ch is a SvelteKit dashboard for monitoring Hetzner-hosted projects

• Trezur is a privacy-preserving browser-side 2FA authenticator with PWA support and cloud sync (GitHub)

• Splitwave is a free node-based audio router for macOS built with Tauri + Svelte (GitHub)

• Tank Supremo is a multiplayer 3D tank game built with Svelte

• Vivix is a JavaScript execution visualizer that uses a worker-based interpreter for smooth timeline scrubbing (GitHub)

• Zenos is a stealth startup from SvelteKit maintainer Ben McCann that is bringing software productivity to the physical world.

Learning Resources

This Week in Svelte

• Ep. 140 - Changelog, Imperative interfaces

• Ep. 141 - Changelog

• Ep. 142 - Changelog

To Read

• Why Svelte Is Better Than React in the Agentic Era by Zack Webster

• Automate LinkedIn Carousels with SvelteKit Remote Functions by Rishi Raj Jain

• Tank Supremo: From a Teenage Dream to a Multiplayer Game by Eyal Azulay

Libraries, Tools & Components

UI Components and Visual Effects

• Huey provides a composable color picker for Svelte 5 (GitHub)

• Svelte Dot Matrix Loaders provides 50+ animated dot-matrix loaders for Svelte projects (GitHub)

• Paper Shaders for Svelte provides paper-style shader effects in an open source Svelte package (GitHub)

• EmbedPDF for Svelte provides a headless PDF viewer for Svelte apps built on PDFium instead of PDF.js (GitHub)

• Svelte Event Calendar is a Google-like event calendar component for Svelte with drag-and-drop editing and multiple calendar support (GitHub)

App Building and Product Tooling

• Convex Better Auth UI for SvelteKit provides self-hosted auth and organization UI components powered by Convex + Better Auth (GitHub)

• Aphex CMS is an open source Sanity-inspired CMS that runs inside a single SvelteKit app (GitHub)

• svelte-visual-builder is an Elementor-style visual builder for SvelteKit projects

• SvelteESP32 v3.0 lets you wire Svelte frontends to ESP32 workflows with an updated Vite plugin flow

Developer Tools and Utilities

• Svelte Hero is a new JetBrains plugin focused on better Svelte support

• jscpd v4.2.0 now supports Svelte projects for duplicate code detection (Changelog)

• Svelte Use provides a collection of composable utilities for Svelte apps (GitHub)

Plugins and Runtime Integrations

• vite-plugin-svelte-tailwind-auto-reference automatically injects Tailwind CSS @reference in Svelte style blocks when @apply is used

• SvelteKit Proxy provides a simple way to proxy requests in production using SvelteKit’s hooks.server.ts

• svelte-ws adds WebSocket support across SvelteKit runtimes with an adapter and Vite plugin

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

Svelte was also featured in ThoughtWorks Technology Radar!

Big month, bigger showcase... so let’s dive in!

What’s new in SvelteKit

• SvelteKit now supports TypeScript 6.0 (2.56.0, Docs, #15595)

• form fields can now specify a default value using field.as(type, value), reducing boilerplate for pre-populated forms (2.56.0, Docs, #15577)

• Remote function transport now uses hydratable, enabling richer data types in query results (2.56.0, #15533)

• Form submit now returns a boolean to indicate submission validity for enhanced form remote functions (2.57.0, Docs, #15530)

• Remote Function Breaking Changes (2.56.0)

  • Client-requested query refreshes must obtain permission from the server (#15562)

  • Stabilize remote function caching by sorting object keys (#15570)

  • Add run() method to queries, disallow awaiting queries outside render (#15533)

  • Isolate command-triggered query refresh failures per-query (#15562)

  • requested now requires limit and yields { arg, query } entries rather than validated args (#15739)

Looking for more details on the many bug fixes and performance optimizations from this month? Check out the SvelteKit / Adapter CHANGELOGs.

What’s new in Svelte and Svelte Dev Tools

• Community add-ons are now available in sv as an experimental feature (sv@0.1.0, Docs, #1020)

• The sv and sv-utils packages are now separate in the CLI package - leading to a more explicit public API and a deprecation pass for old features (sv@0.2.0, Docs, #1046)

• sv will now more reliably detect if Vitest v3 is installed when configuring projects (sv@0.15.2, #1073)

• Types for TweenOptions, SpringOptions, SpringUpdateOptions and Updater are now available as exports from svelte/motion (svelte@5.55.0, Docs, #17967)

For a full list of changes - including all the important bugfixes that went into the releases this month - check out the Svelte compiler’s CHANGELOG.

Community Showcase

Apps & Sites built with Svelte

• 4Track is a faithful recreation of a 4-track tape recorder in the browser

• Kumamap is a bear incident map that collates official reports, news and community reports in Japan

• Overshoot is an interactive exploration of Disney’s 12 Principles of Animation

• DockScope is a visual Docker dashboard with a 3D dependency graph, live metrics, logs, terminal and container actions

• dnsoptic is a DNS health audit tool that checks nameservers, mail authentication, DNSSEC, security posture and migration diffs

• swap. is a collection of little games built around sorting algorithms

• Scapedle is a Wordle game with Old School RuneScape (OSRS) words

• Ephemeral Forms is a modern, zero-login, offline-first form builder with AI-powered generation, real-time collaboration and cross-device sync

• CORDIAL is an AI Native IDE optimized for a big screen experience. “Good for people who want to feel like Tom Cruise in Minority Report”

Learning Resources

Featuring Svelte Contributors and Ambassadors

• Paolo Ricciuti - Svelte, TMCP by devtools-fm

This Week in Svelte

• Ep. 137 - Changelog, Community sv add-ons

• Ep. 138 - Changelog

• Ep. 139 - Changelog, Imperative interfaces

To Read

• hello svelte: migrating and redesigning my oss project by Jaydip Sanghani

Libraries, Tools & Components

UI Components and Animations

• Blossom Color Picker is a flower-style color picker

• thisux/sveltednd (last featured in December 2024) has been updated to support Svelte 5

• phantom-ui is a structure-aware skeleton loader built with web components

• Svelte Spell UI is a port of the original Spell UI that you can copy-paste into any project

• Svileo is a physics-based toast component inspired by Sileo

• Motion Core (last featured in February) has been rewritten from Three.js to OGL with a much-reduced file size

State Management

• Stately is a Pinia-inspired state management library that provides a structured way to define shared state, mutate it directly and observe changes

Utilities and Integrations

• Sveltia I18n is an internationalization library powered by runes and the messageformat library for formatting messages using Unicode MessageFormat 2 (MF2)

• Nabu is a modular, local-first Svelte block editor engine built on a Single ContentEditable architecture

• Svelte Agentation turns UI annotations into structured context that AI coding agents can understand and act on

Developer Tools

• Atom Forge is a full-stack TypeScript toolkit with Svelte 5 UI components, type-safe RPC and a battle-tested architecture pattern that scales

• svelte-check-native is a Rust/tsgo drop-in replacement for svelte-check with the same flags, output formats and exit codes

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

On the code side, the Svelte MCP got even easier to use with improvements to the official OpenCode package. Combined with the improvements to svelte.config.js, server-side error boundaries in SvelteKit and better types all around, this month is full of great improvements!

As always, there’s plenty in the showcase too!

What’s new in Svelte and SvelteKit

• MCP: Svelte’s OpenCode config can now be found in sv’s .opencode/ folder - including the generated svelte.json plugin config (sv@0.12.6, Docs, #977)

• svelte.config.js now contains functions for setting certain options (css, runes, customElement) so that there’s a single source of truth for everything that needs to interact with Svelte config (svelte@5.54.0, Docs, #17951)

• svelte/motion now exports TweenOptions, SpringOptions, SpringUpdateOptions and Updater - these types cover the public method signatures of spring and tweened (svelte@5.55.0, Docs, #17967)

• Error boundaries are now allowed to catch errors on the server (kit@2.54.0, Docs, #15308)

• Page and layout params with matchers are now type narrowed in $app/types - leading to better type safety when working with params in $app/types, $app/state, and hooks (kit@2.55.0, Docs, #15502)

For a full list of changes - including all the important bugfixes that went into the releases this month - check out the Svelte compiler’s CHANGELOG. Looking for more details on the many bug fixes and performance optimizations from this month? Check out the SvelteKit / Adapter CHANGELOGs.

Community Showcase

Apps & Sites built with Svelte

• Ghostty Config is a beautiful intuitive configuration generator for Ghostty terminal

• Orbit PDF is a professional, high-performance PDF toolkit that runs entirely in your browser

• Estimate Quest is a game-inspired planning poker experience that helps Scrum Masters and Product Managers run structured, actually engaging estimation sessions

• Deltaray is a free and open source web app to simulate how light refracts and reflects on surfaces, using real physics and optical calculations

• Nabu is a modular, local-first and open source block editor engine

• bizi is a better way to manage dependent concurrent tasks

• Vyay is a minimalist google sheet powered expense racker

• ElyOS is a full-featured desktop experience powered by web technologies

• Plought is a collection of decision making applications that use different methods to evaluate alternatives against each other

• otel-gui is a lightweight, zero-config OpenTelemetry trace viewer for local development

• Nodepod is a free, open source alternative to WebContainers

• VariantCAD is a hybrid CAD system for variant generation

Learning Resources

Featuring Svelte Contributors and Ambassadors

• npmx shows what npmjs won’t by Svelte Radio

• Svelte on Vercel - Community Session with Rich Harris, Elliot Johnson, Simon Holthausen and Maya Avendaño

This Week in Svelte

• Ep. 132 — Changelog

• Ep. 133 — Changelog

• Ep. 134 — Changelog, convex-sveltekit

• Ep. 135 — Changelog

• Ep. 136 — Changelog

Libraries, Tools & Components

• svelte-realtime is a realtime RPC and reactive subscriptions for SvelteKit, built on svelte-adapter-uws

• itty-sockets is an ultra-tiny WebSocket client that pairs (optionally) with a public relay server

• Motion GPU is an easy way for writing WGSL shaders in Svelte

• ptero is a Docusaurus for Svelte

• Svelte Audio UI is a set of accessible, composable audio UI components

• Svelte Agentation is a dev-mode Svelte inspector for source-aware element inspection and browser annotations

• cross-router is a framework-agnostic router that wires the core’s navigation state into that framework’s reactivity model

• SVG to Svelte quickly converts SVG strings directly in Svelte components

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

So, without further ado, let’s dive in!

What’s new in Svelte

• createContext can now be used when instantiating components programmatically (svelte@5.50.0, Docs, #17575)

• {@html} expressions now support TrustedHTML (svelte@5.52.0, #17701)

• Comments are now allowed in HTML tags (svelte@5.53.0/svelte-language-server@0.17.28, #17671)

• Error boundaries now work on the server (svelte@5.53.0, Docs, #17672)

For a full list of changes - including all the important bugfixes that went into the releases this month - check out the Svelte compiler’s CHANGELOG

What’s new in SvelteKit

• hydratable‘s injected script now works with CSP (kit@2.51.0, #15048)

• Navigation callbacks (beforeNavigate, onNavigate, and afterNavigate) now include scroll position information via the scroll property on from and to targets. This enables use cases like animating transitions based on the target scroll position when using browser back/forward navigation (kit@2.51.0, Docs, #15248)

• Vite 8 is now supported (kit@2.53.0, #15024)

• The match function can map a path back to a route id and params (kit@2.52.0, Docs, #14997)

• Breaking (Netlify Adapter): platform.context now uses modern Netlify Functions - previously this was the AWS Lambda-style context. If you were using this in your app (unlikely), you will need to update your code to read from new fields. (adapter-netlify@6.0.0, More details, Docs, #15203)

• redirects can now be configured in netlify.toml - removing the limitation of only being able to configure redirects via the _redirects file (adapter-netlify@6.0.0, #15203)

• better-auth is now an official addon in the Svelte CLI (sv@0.12.0, #898)

Looking for more details on the many bug fixes and performance optimizations from this month? Check out the SvelteKit / Adapter CHANGELOGs.

Community Showcase

Apps & Sites built with Svelte

• Cherit is a lightning-fast, open-source markdown knowledge base built with Tauri

• arenarium/maps is a clearer way to display complex map markers in MapLibre, Mapbox or Google Maps

• Synth Town is a generative music city builder using Threlte + Tone.js

• Beatjie is a little audio groovebox that lets you make beats and share them with a URL (GitHub)

• Mistral AI’s Worldwide Hackathon site was built with Svelte (Reddit)

• Fretwise is an AI-Powered guitar practice platform that generates tabs and isolated stems

• Tailsync is a reverb calculator for music production for iOS

• Otterly is a local-first, privacy-focused WYSIWYG Markdown vault with full-text search, wiki-links, and a rich editor

• SoundTime is a self-hosted music streaming platform with peer-to-peer sharing using Rust & Svelte

• ATS Screener lets you see how popular applicant tracking systems parse, filter, and score your resume

• Heavy Duty Inc. is a turn-based tactics game built with Threlte where you solve jobs for the different space station factions, navigate their strained political environment, die, and do it all over again

• Quest Mate is a universal GM space for all your campaigns, lore, sheets, notes and summaries

• cold0 is a self-hosted cold email sender that lets you manage contact lists, create email templates with dynamic variables, and send personalized bulk emails

• HelixNotes is a local markdown note-taking app where notes are stored as standard Markdown files on your local filesystem

• Codeinput lets you handle merge conflicts without leaving your browser, merge faster with an intelligent queue, automate repository tasks, view live engineering metrics, and manage advanced CODEOWNERS

Learning Resources

Featuring Svelte Contributors and Ambassadors

• Why I choose Svelte and Truly Native Apps with Svelte? by Paolo Ricciuti

This Week in Svelte

• Ep. 129 — Changelog

• Ep. 130 — Changelog

• Ep. 131 — Changelog

Libraries, Tools & Components

• Laravel + Svelte Starter Kit is an official kit from Laravel that provides a robust, modern starting point for building Laravel applications with a Svelte frontend using Inertia.

• Shimmer From Structure is a structure-aware skeleton loader that mirrors your rendered UI at runtime

• Hoikka is an opinionated, full-stack e-commerce platform built with SvelteKit

• warpkit is a standalone Svelte 5 SPA framework providing state-based routing, data fetching, forms, and real-time capabilities.

• heroicons-animated is an open-source collection of smooth animated 316 icons for your projects

• svelte-crumbs provides automatic, SSR-ready breadcrumbs for SvelteKit via route-level metadata exports

• TableCraft Engine simplifies database interactions by allowing you to define table configurations and automatically generate powerful APIs with filtering, sorting, pagination, and more

• svelte-synk provides tab data synchronisation with leader election

• svelte-tiler is a small, unstyled library for building tiling user interfaces

• @horuse/svelte-dnd is a drag-and-drop library for Svelte 5 with animated drop previews, auto-scroll, pointer & touch support , and multi-container support.

• svelte-grab is a dev tool suite that captures component context for LLM coding agents. Alt+Click any element to get exact file locations, inspect state, analyze styles, audit accessibility, trace errors, and profile renders

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

Also, in case you missed it last month, the Svelte maintainers released patches for 5 vulnerabilities across the Svelte ecosystem. So be sure you’re up to date by reading the blog post, CVEs affecting the Svelte ecosystem.

Now, without further ado, let’s dive in...

What’s new in Svelte & SvelteKit

• To support newer browsers that allow it, you can now customize <select> elements using CSS and rich HTML content (svelte@5.47.0, Docs, #17429)

• Svelte’s CSS parser is now exported from svelte/compiler as parseCss. It’s a partial but lightweight CSS AST parser that is currently being used in SvelteKit (svelte@5.48.0, #17496)

• A ShadowRootInit object can now be passed to attachShadow() when shadow root is created with a customElement (svelte@5.49.0, Docs, #17088)

• A breaking change in SvelteKit’s remote functions removes buttonProps from experimental remote form functions. Use <button {...myForm.fields.action.as('submit', 'register')}>Register</button> when creating mutliple submit buttons instead (kit@2.50.0, Docs, #15144)

• Node: The server’s keepAliveTimeout and headersTimeout options can now be configured by setting the corresponding environment variable (sveltejs/adapter-node@5.5.0, Docs, #15125)

• Vercel: Remote function calls can now be found under the /_app/remote route in observability (sveltejs/adapter-vercel@6.3.1, #15098)

For a full list of changes - including all the important bugfixes that went into the releases this month - check out the Svelte compiler’s CHANGELOG and the SvelteKit / Adapter CHANGELOGs.

Community Showcase

Apps & Sites built with Svelte

• Frame is a high-performance media conversion utility built on the Tauri v2 framework. It provides a native interface for FFmpeg operations, allowing for granular control over video and audio transcoding parameters

• LogTide is an open-source alternative to Datadog, Splunk, and ELK. Designed for developers and European SMBs who need GDPR compliance, data ownership, and simplicity without the complexity of managing an ElasticSearch cluster

• funcalling is a P2P calling app with built in board games, word games, and motion capture games (Reddit post includes a video demo)

• book by book lets you sync book data, covers, and pricing to a Square POS in seconds. You can import distributor orders from Ingram, Edelweiss & PubEasy—no spreadsheets or manual entry

• zsweep is a minimalist, keyboard-driven Minesweeper game played with Vim motions

• PulseKit provides professional feedback management to collect and prioritize customer feedback

• Bitphase is a modern web-based chiptune tracker designed for creating music on retro sound chips

• CapCheck is a fact checker AI for images, videos, audio, text and URLs

• Distill (last mentioned in July) has been updated with a new competitor finder to make it easier to track direct and indirect competitors in a market

• Pelican lets you generate SVG vector graphics and ASCII art from text prompts. With multi-step refinement, AI sees its output and improves it iteratively

Learning Resources

This Week in Svelte

• Ep. 127 — Changelog

• Ep. 128 — Changelog

To Read

• Bundling a SvelteKit app into a single binary by Gautier Ben Aïm

Libraries, Tools & Components

UI Components and Animations

• mapcn-svelte is a Svelte port of mapcn built on MapLibre GL, styled with Tailwind, works seamlessly with shadcn-svelte

• AgnosticUI Local (v2) is a CLI-based UI component library that copies Lit web components directly into your project

• Motion Core is a collection of animated Svelte components powered by GSAP and Three.js

• Tilt Svelte is a smooth 3D tilt Svelte attachment based on vanilla-tilt.js

State Management

• Reddo.js is a tiny undo/redo utility package for JavaScript, React, Vue, and Svelte

• svstate provides deep reactive proxy with validation, snapshot/undo, and side effects — built for complex, real-world applications

• rune-sync synchronizes reactive state across various storage backends

Plugins, Compilers and Runtimes

• fastify-svelte-view is a Fastify plugin for rendering Svelte components with support for SSR (Server-Side Rendering), CSR (Client-Side Rendering), and SSR with hydration

• kit-on-lambda is an adapter for running SvelteKit on AWS Lambda. It supports deployment to Node.js and Bun runtimes bundled with esbuild/Bun

• voca is a self-hostable, stateless, and fast WebRTC signaling server written in Rust with frontend SDKs

• @svelte-safe-html/core statically analyzes .svelte files and detects unsafe {@html} insertions

• sveltekit-discriminated-fields provides type-safe discriminated union support for SvelteKit remote function form fields

• svelte-fast-check is a type and Svelte compiler warning checker for Svelte/SvelteKit projects that claims to be up to 24x faster than the built-in svelte-check

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

There were also a bunch of improvements and showcase items across the Svelte ecosystem this last month. So let’s have a look...

What’s new in Svelte & SvelteKit

• The hydratable option (which adds an inline <script> block to the head) now has a csp option in render to support Content Security Policies (svelte@5.46.0, Docs, #17338)

• The Vercel adapter now supports Node 24 (adapter-vercel@6.2.0/adapter-auto@7.0.0, #14982 and #14737)

• The Svelte CLI is now able to fully setup a SvelteKit project for Cloudflare Workers/Pages development (sv@0.11.0, Docs, #851)

• The Svelte MCP now exposes tools as both a JS API and CLI (mcp@0.1.16, #128)

• A huge amount of performance improvements were completed this month in the language-tools so make sure your extensions are up to date!

For a full list of changes - including all the important bugfixes that went into the releases this month - check out the Svelte compiler’s CHANGELOG and the SvelteKit / Adapter CHANGELOGs.

Community Showcase

Apps & Sites built with Svelte

• GCal Wrapped lets students see how they spent their time this semester, wrapped up beautifully

• Text Processing Studio is a comprehensive text processing web application that lets you process, compare, transform, and analyze text

• Flumio is a drag-and-drop workflow automation tool

• Statue is a markdown-based static site generator designed for performance, flexibility, and developer experience

• sveltemark is a privacy-first, open-source, local-only markdown editor

• Lovely Docs provides hierarchically optimized documentation for AI coding agents

• Ikaw bahala is a Manila-based food platform made for couples and friends who want to search for specific foods locally

Learning Resources

Featuring Svelte Contributors and Ambassadors

• 2025 Complete Svelte Kit Course by Syntax (Scott Tolinski)

• This AI model writes Svelte 5 code PERFECTLY by Code with Stanislav

• Building Hydratable with Elliott Johnson by Svelte Society (Kev)

• SvelteKit and Effect with Dillon Mulroy by Svelte Society (Kev)

Svienna

• Async Svelte by Domenik Reitzner

• Svelte LLMs by Jacob Palecek

This Week in Svelte

• Ep. 123 — Changelog

• Ep. 124 — Changelog

• Ep. 125 — Changelog

• Ep. 126 — Changelog

Svelte Radio

• One Man Svelte for NGOs with Ilja (December 6)

• Custom Renderers for Svelte with Paolo Ricciuti (December 11)

To Read

• Sveltekit Custom Remote Form Factory by Matt DeKok

• Getting Svelte Inspector Working with Neovim by Stephen Gunn

• SvelteKit Remote Functions Workaround Helpers by Jonathan Gamble

• LLM Agent-Friendly Project Setup by Sebastian Ferreyra

• Announcing SvelteKit OG v4: An alternative to @vercel/og for sveltekit by Shivam Meena

• Svelte: Best practice to combine $derived and $state by Max Core

• Embedding a SvelteKit site in PocketBase by Brandon Ma

Libraries, Tools & Components

• SvelteDoc is a VS Code extension that shows Svelte component props on hover

• pocket-mocker is an in-page HTTP controller for frontend development to intercept, modify, and simulate API responses directly in the browser

• Avatune is a production-ready avatar system with AI-powered generation and framework-native components

• svelte-image-input is a component for loading, scaling and adjusting profile pictures

• Mint is a digital compositing tool that can be used to crop and resize images, create collages, build mockups, or otherwise complete basic compositing tasks

• SvelteKit Auto OpenAPI is a type-safe OpenAPI generation and runtime validation for SvelteKit

• Svelte Drawer is a drawer component for Svelte 5, inspired by Vaul

• trioxide is a set of customizable components, focused on non-trivial UI pieces that are tedious to reimplement

• svelte-asciiart is a Svelte 5 component for rendering ASCII art as scalable SVG with optional grid overlay and frame

• svelte-bash is a fully typed, lightweight, and customizable terminal emulator component with a virtual file system, custom commands, themes, and autoplay mode for demos

• SvelTTY provides a runtime that allows you to render and interact with Svelte apps in the terminal

• svelte-tablecn is a powerful data grid and port of tablecn.com

• Svelte runtime components enables compiling Svelte components from text at runtime, allowing dynamic, user-provided svelte component code to be compiled and mounted in the browser

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

Instead of opening PRs to add libraries and packages you can now just submit them on the website. If you find an interesting package, head on over and submit it. Logged in users also have the ability to like and save content. So be sure to try it out and share your feedback!

There’s a bunch of updates to SvelteKit and a showcase to cover, so lets dive in...

What’s new in Svelte & SvelteKit

• hydratable API is a low-level API to coordinate hydration between the server and client (svelte@5.44.0, Docs, #17154)

• print converts a Svelte AST node back into Svelte source code. It is primarily intended for tools that parse and transform components using the compiler’s modern AST representation (svelte@5.45.0, Docs, #16188)

• File uploads can now be streamed inside form remote functions allowing form data to be accessed before large files finish uploading (kit@2.49.0, Docs, #14775)

• (Minor) Breaking Changes in kit@2.48.8:

  • invalid now must be imported from @sveltejs/kit (#14768)

  • The submitter option was removed from the experimental form validate() method. It will now always use the default submitter (#14762)

• Svelte CLI:

  • Links are now wrapped with resolve() to follow best practices (sv@0.9.14, Docs, #754)

  • npx sv create now supports a new argument --add to add add-ons to the project in the same command (sv@0.10.0, #695)

  • The new --no-dir-check option in sv create will, even if the folder is not empty, suppress all directory check prompts (sv@0.9.15, #785)

For a full list of changes - including all the important bugfixes that went into the releases this month - check out the Svelte compiler’s CHANGELOG and the Svelte Kit / Adapter CHANGELOGs.

Community Showcase

Apps & Sites built with Svelte

• Apple’s new web-based App Store is built with Svelte! This adds onto the other Apple products spotted using Svelte in the wild - including Apple Music and Apple Podcasts

• Aphex is a modern, open source headless CMS built with SvelteKit

• ShareNhac lets you and your friends watch videos and listen to music together in sync, without any ad interruptions

• starterindex is a curated list of top boilerplates to help you start your next project (which is great because we stopped putting “starter” repos in the Svelte newsletter over a year ago)

• PGPlayground helps any backend engineer quickly prototype and validate fixes or changes to their schema without leaving the browser

• Design Tokens App is a web-based editor and converter to manage design tokens, visualize them in a tree structure, and export them as CSS variables or JSON format

• Multi is a coding agent for VS Code

• Gardenjs provides a centralized platform for developers to create, test, and present UI components and pages in isolation

• bookemoji is a tool to showcase, collaborate, and develop the technical aspects of user interfaces - an alternative to StoryBook.js or Histoire in your favorite tech stack

Learning Resources

• Rich Harris - Remote Control at ViteConf 2025

• SvelteKit has solved data loading! from Syntax

• Paolo Ricciuti - Progressively enhanced apps with Svelte at FrontKon#25

• Adding Storybook to Svelte Society with Jeppe Reinhold from Svelte Society (Kev)

• How to Navigate Like a Pro in SvelteKit by Thiago Temple

Libraries, Tools & Components

• better-svelte-email lets you render emails in Svelte with first-class Tailwind support

• svelte-number-format is a lightweight and reactive number input component that is now available as a stable v1.0 release

• chain-enhance lets you sequentially chain multiple SvelteKit form actions with deep-merged data propagation, type-safe results, reactive progress tracking, and automatic file-safety

• svelte-socket is a WebSocket wrapper for Svelte 5 using runes

• @edgeone/sveltekit lets you deploy your SvelteKit app to Tencent Cloud EdgeOne Pages to provide lightning-fast speeds in China while maintaining excellent performance worldwide

• Davia is an open-source tool designed for AI coding agents to generate interactive internal documentation for your codebase

• svelte-ui-kit provides an easy to use, customizable button component with smooth hover animations - inspired by shadcn/ui style

• Svelte AI Elements is a component registry built on top of shadcn-svelte that provides production-ready components designed for building AI-powered applications

• sveltekit-api-gen automatically generates OpenAPI 3.0 specifications from your SvelteKit server endpoints using JSDoc @Swagger annotations

• Rune Scroller provides “enchanting” scroll animations for Svelte 5, built with native performance and zero dependencies

• vite-plugin-sveltekit-decorators, a plugin that automatically decorates SvelteKit functions, now supports remote functions

• svelte-breakpoint-badge is a lightweight Svelte component that displays the current Tailwind CSS breakpoint during development

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

But it’s not just AIs that have been writing code; our maintainers have too! Let’s take a look at what they’ve been up to in Svelte/Kit before diving into our community showcase...

What’s new in Svelte

• createContext passes types with a stored context - replacing the need to type every getContext return value (5.40.0, Docs, #16948)

• The $state.eager(value) rune will update the UI immediately instead of waiting for the correspnding await to resolve (5.41.0, Docs, #16849)

• The fork API lets you change some state ‘offscreen’ in such a way that you can discover any async work resulting from the state change without committing it to the screen. (5.42.0, Docs, #17004)

For a full list of changes - including the dozens of valuable bugfixes that went into the releases this month - check out the Svelte compiler’s CHANGELOG.

What’s new in SvelteKit

• event.route and event.url are now available in remote functions making it easier to know which page a remote function was called from (2.44.0, Docs, #14606)

• form.for(id) will now implicitly set an id on the form object (2.45.0, Docs, #14623)

• Form validation can now be done imperatively in cases where it can’t be done via a schema (2.46.0, Docs, #14624)

• The new signal request property provides the AbortSignal associated with the request (2.47.0, MDN Docs, #14715)

• Kit will now use the fork API when it’s available. See the Svelte updates above for more info (2.48.0, #14793)

Community Showcase

Apps & Sites built with Svelte

• Deep Time is an interactive article from ABC Australia that tells the story of the Aboriginal and Torres Strait Islander peoples

• Ririkku (リリック) is a karaoke-style music player with an intelligent Japanese text analyzer built-in

• Glucose is an ultra-lightweight, video player for Windows with AI powered subtitle generation

• Restring is a fast, smart toolbox for dev tasks like formatting JSON, decoding JWTs, and converting strings

• Huly is an all-in-one project management platform (alternative to Linear, Jira, Slack, Notion, Motion)

• Nokiafied converts your videos into super low-quality Nokia phone style videos for memes

• Contracko is an AI contract management platform for small businesses

Learning Resources

Featuring Svelte Contributors and Ambassadors

• Full Stack SvelteKit CRUD App Using Remote Functions Tutorial, How Svelte Reactivity Works and Stop Looking For Code And Use The Svelte Inspector by Joy of Code

• I Was Wrong About Svelte... by Ben Davis

• Storybook is actually good now, with Jeppe Reinhold and Macrodata Refinement with Ken Kunz by Svelte Radio

This Week in Svelte

• Ep. 119 — svelte.dev/packages

• Ep. 120 — Storybook for Svelte Part 3: Testing

• Ep. 121 — Svelte MCP Server

• Ep. 122 — svedit.dev

Svelte London - October 2025

You can watch the full video on YouTube or skip to the specific talks below:

• Precision vs Prediction: The Trouble with LLMs and Libraries by Maria Gorinova (Tessl AI Research)

• Building a game level editor with SvelteKit by Elliot Bentley

To Read / Watch

• SvelteKit Remote Functions - Interactive Showcase by Arne Wiese

• BetterAuth and Google Login on Cloudflare Workers with SvelteKit by Jilles Soeters

Libraries, Tools & Components

• aphex is a modern, extensible headless CMS featuring a portable core package, database/storage agnostic adapters, and a Sanity-inspired admin interface

• svelte-o-phone is a flexible, headless phone number input component powered by libphonenumber-js

• motion-svelte is an attempt to bring a Motion (formerly known as Framer Motion) to Svelte

• better-captcha provides framework-agnostic wrappers for a bunch of captcha providers

• svelte-runtime-template is a lightweight Svelte component for handling tempolates at runtime with curly brace subsitutions in text content

• RetroUI is a copy/pastable component library built for Svelte with shadcn-svelte

• Skeleton - the Svelte-native component library - just released its v5 version with a ton of quality of life improvements

• Tanstack Query Svelte v6 is now based on the runes syntax

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

We’ve got a hefty showcase this month too, so let’s dive in!

What’s new in Svelte, SvelteKit and Svelte CLI (sv)

• The event property is now included on popstate, link and form navigation (kit@2.40.0, #14307)

• The %sveltekit.version% placeholder can now be used in app.html to easily include the current SvelteKit version in the output (kit@2.41.0, Docs, #12132)

• You can now create projects from the Svelte playground with npx sv create --from-playground <url> (sv@0.9.5, #662)

• Experimental async SSR is available in Svelte v5.39.3 and SvelteKit v2.43.0 or higher. You can opt-in via the experimental.async option. When this is enabled, it’s possible to use await anywhere in your app, without wrapping it in a boundary with a pending snippet. You can find more information in the SvelteKit PR (#14447, Svelte PR is #16748)

Remote Functions

• The remote set() function can now be called on server queries and query.refresh() promises will now be automatically resolved on the server (kit@2.37.0, Docs, #14304, #14332)

• The new query.batch remote function lets you batch requests that happen within the same macrotask (kit@2.38.0, Docs, #14272)

• Lazy discovery of remote functions improves detection and tree shaking for functions defined in node_modules (kit@2.39.0, #14293)

• The form remote function has been enhanced with schema support, input and issues properties (kit@2.42.0, Docs, #14383)

For a full list of bug fixes in Svelte, SvelteKit and its adapters, check out their CHANGELOGs here and here.

Community Showcase

Apps & Sites built with Svelte

• Windframe generates designs with AI or prebuilt templates to export as Tailwind CSS code for React, Vue, Svelte or HTML.

• pgpad is a straightforward cross-platform database client

• Zippywords is a burst-typing game that’s configurable with different languages (including the Svelte 5 syntax!)

• CBFC Watch is a data visualisation project with a searchable database of over 100K film censorship records in India (GitHub)

Spotted in the Wild

• The Apple TV website - (Reddit post)

• Gimli Tailwind - (Reddit post)

• The Mullvad VPN site - Reddit post

Learning Resources

Featuring Svelte Contributors and Ambassadors

• Introducing SvelteKit Remote Functions and SvelteKit Remote Functions tips: Auth guards, managing async, query.batch by Simon Holthausen

• The Complete Svelte 5 Course For The Most Loved JavaScript Framework by Joy of Code (3+ hours of excellent content). Text version available here

• Translate your Svelte and SvelteKit applications the easy way - full tutorial by Code with Stanislav

• How and why I built an MCP server for Svelte by Stanislav Khromov

• Svelte Radio is back! Feat. Kevin, Brittney and Antony

This Week in Svelte

• Ep. 115 — Changelog review

• Ep. 116 — e18e.dev and NPM’s supply chain attack

• Ep. 117 — Formisch

• Ep. 118 — Changelog review

Svelte London - September 2025

You can watch the full video on YouTube or skip to the specific talks below:

• Svelte on Cloudflare: Tips and guide by Mark Ridge and Connor Adams

• Ultra-low Latency in SvelteKit by Scott Phillips

To Read

• Sharing some custom components that handle async state with less boilerplate in Svelte 5 by u/geokidev

• Rendering emails with Svelte by Gautier Ben Aïm

• Integrate Keystatic CMS with SvelteKit to render Markdoc Content with Interactive Svelte Components by Samuel Plumppu

To Watch

• Svelte Under The Hood by ~/in-depth

Libraries, Tools & Components

UI / UX

• SVAR Svelte v2.3 now has TypeScript definitions to all its open-source Svelte UI components

• @dnd-kit is a lightweight React-like library for building performant and accessible drag and drop experiences

• svelte-overflow-fade is a Svelte action and attachment for adding beautiful fade effects to overflowing content

• scratch-to-reveal-svelte is a simple and customizable scratch-to-reveal component for Svelte

• Svelte Streamdown is a Svelte port of Streamdown by Vercel - an all in one markdown renderer, designed specifically for AI-powered streaming applications

• USAL JS is the “Ultimate Scroll Animation Library”

Frameworks and Data Tools

• PrevelteKit is a lightweight, high-performance web application framework built on Svelte 5, featuring Server-Side Pre Rendering (SSPR) using Rsbuild and jsdom

• Apollo Runes is an Apollo Client for Svelte 5

• Formisch is a schema-based, headless form library for JS frameworks

• Conformal helps you work with native FormData by providing type-safe form submissions for the modern web

• Astro, already supporting async Svelte out of the box, added support for server-rendered async Svelte in the 5.14 release

• LayerChart had a packed update and introduced (among other things) a “vanilla CSS” (Tailwind opt-in) mode and support for other UI frameworks, and now also works in the Svelte REPL / playground

• keystatic-sveltekit is a convenient way to integrate the open source Git-based Keystatic CMS with SvelteKit, featuring Markdoc content with interactive Svelte components and a modern editing UX

Dev Tools and Vite Plugins

• wuchale is a compile-time internationalization (i18n) toolkit that requires zero code changes

• SV Floating Console is a floating console for Svelte applications that only appears in development mode

• magicons is a fast, typesafe Icon wrapper that fixes bundling issues with large barrel exports in icon libraries

• Svelte-pops is a performant and easy to use popover manager for creating dialog and tooltips

• vite-plugin-svelte-inline-component lets you write tiny Svelte components straight inside your JavaScript / TypeScript tests using tagged‑template literals

• vite-plugin-sveltekit-decorators is a powerful Vite plugin that automatically decorates SvelteKit functions with customizable wrappers for logging, analytics, error handling, and more

That’s it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

Plenty in the showcase, as well, so let's dive in!

What's new in Svelte and Svelte CLI (sv)

• await is now allowed inside @const declarations (svelte@5.38.0, Docs, #16542)

• The sv add command has been updated to remove the --no-preconditions and add --no-git-check. With this new flag, even if some files are dirty, no prompt will be shown (sv@0.9.0, Docs, #650)

What's new in SvelteKit and its adapters

• Deno is now supported as a supported package manager (sveltejs/adapter-auto@6.1.0, #14163)

• A new instrumentation.server.ts adds tracing and observability setup (sveltejs/adapter-node@5.3.0, Docs, #13899)

• The --preserve-output flag prevents deletion of the output directory before packaging (sveltejs/package@2.5.0, Docs, #13055)

For a full list of bug fixes in Svelte, SvelteKit and its adapters, check out their CHANGELOGs here and here.

Community Showcase

Apps & Sites built with Svelte

• Pollinate provides accurate forecasts designed for allergy sufferers who want to plan their day, or vacation, around pollen levels (Check out the Reddit post on how it was built)

• Ferndesk is a help center that is kept up to date automatically (the creator shared their demo on the Svelte Reddit)

• Wplace lets you paint whatever you want on a map of the world

• Domain Watcher is a domain availability monitor and expiration tracker built with SvelteKit & Cloudflare Workers

• Motley is a local-first bookmarking/moodboard app

• TallyHo is a simple time tracking for freelancers

• MenuScan lets you take a picture of any restuarant menu and get access to the calorie and macro counts for each item

• Vibe Check provides quick, honest diagnostics for AI‑built apps

• Joyful is a simple way to write, design, and send beautiful newsletters

• Eagle Cite lets you highlight, organize, and search your citations in one place

• Volkara is a set of ADHD-Friendly Productivity Tools

• Simple Man Archive is an ASCII art archive where anyone can contribute by creating unique ASCII art

• Thirty is an open-source AI calendar built on familiar foundations

• Timezones quickly shows and converts timezones across many locations

Learning Resources

Featuring Svelte Contributors and Ambassadors

• Compile Svelte 5 in your head by Tan Li Hau

• Introducing SvelteKit Remote Functions by Simon Holthausen

• The Svelte MCP server now allows you to directly reference documentation sections, and prompt templates

This Week in Svelte

• Ep. 112 — Storybook for Svelte Part 1

• Ep. 113 — Storybook for Svelte Part 2 - Docs

• Ep. 114 — Changelog Review

To Read

• Securing the supply chain at scale: Starting with 71 important open source projects by GitHub

• Epicenter (YC S25) is sponsoring Svelte maintainers to spend their time half pushing local-first OSS forward with Epicenter and half building their dream projects

• Project Two: Creating Mobile app using Tauri + Svelte by Kaspar Minosiants

• Ways to use Anime.js with Svelte by Brandon Ma

• Svelte, Markdown, and the Magic of Web Components by Shajid Hasan

To Watch

• SvelteKit Remote Functions are INSANE! Type-Safe Full Stack in Minutes by Tyler Codes

• Deploy a SvelteKit Application to Cloudflare Workers with Drizzle & D1 by Jilles Soeters

Libraries, Tools & Components

• EXE is a build tool to distribute your full-stack web app as a single executable binary with zero runtime dependencies

• Svelte Sortable List is a comprehensive package for creating accessible, sortable lists in Svelte applications

• Markdown UI turns static docs into interactive experiences - instantly

• Tark UI provides beautiful UI components built with Ark UI and Tailwind

• Uniface Element is a comprehensive enterprise-grade UI component library built with Svelte 5, designed for modern web applications

• microfolio is a modern static portfolio generator featuring a file-based content management system using folders and Markdown files

• Keycloakify is a tool for creating custom Keycloak themes, enabling you to modify the appearance and behavior of Keycloak's user interfaces

• PDJsonEditor is a powerful JSON visualization and editing tool with both a code editor and interactive graph views

• Show & Svelte lets you create fully interactive presentations with Svelte

• wuchale is a compile-time internationalization (i18n) toolkit that requires zero code changes

• svelte-overflow-fade is a Svelte action and attachment for adding beautiful fade effects to overflowing content

• formshape is a type-safe form validation for SvelteKit Remote Functions using Standard Schema compatible validators

• vite-plugin-svelte-inline-component lets you write tiny Svelte components straight inside your JavaScript / TypeScript tests using tagged‑template literals.

• vite-plugin-sveltekit-decorators is a Vite plugin that automatically decorates SvelteKit functions with customizable wrappers for logging, analytics, error handling, and more

• jetbrains-svelte-templates is a compact collection of Live Templates for JetBrains IDEs (like WebStorm and IntelliJ IDEA Ultimate) designed to speed up your Svelte & SvelteKit development

That's it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

Be sure to check out the showcase for videos from Rich, Paolo, and Stanislav about all the brand new features in Svelte.

Let's dive into the highlights...

What's new in Svelte, SvelteKit, Language Tools and CLI (sv)

• Remote functions can be called anywhere in your app, but always run on the server, and as such can safely access server-only modules containing things like environment variables and database clients (kit@2.27.0, Docs, #13986)

• getAbortSignal returns an AbortSignal that aborts when the current derived or effect re-runs or is destroyed (svelte@5.35.0, Docs, #16266)

• A new parent property has been added to the __svelte_meta properties that are added to elements at dev time - useful for debugging nested hierarchies (svelte@5.35.1, #16255)

• await is now supported in components when using the experimental.async compiler option (svelte@5.36.0/extensions@109.10.0, Docs, #15844)

• There are now types for the params prop and page attributes in page/layout components (kit@2.24.0, kit@2.26.0 & extensions@109.10.0, #13999 / #13864)

• SvelteKit's read now works in edge environments where fs.readFile isn't available such as in Cloudflare's workers, Netlify, and Vercel's edge functions (kit@2.25.0, #13859)

• The resolve(...) and asset(...) helpers have been added for resolving paths (kit@2.26.0, #13864)

• Support for modern SvelteKit prop typings has been added to VS Code snippets (extensions-109.10.0, #2796)

• The new vite.addPlugin simplifies adding a plugin on various vite config styles (sv@0.8.20, #633)

• vite-plugin-svelte is out with support for vite7, rolldown-vite and more

For a full list of bug fixes in Svelte, SvelteKit and its adapters, check out their CHANGELOGs here and here.

Community Showcase

Apps & Sites built with Svelte

• Logitech's new site is built in Svelte 🎉

• hend.world is a language learning application that surrounds you with comprehensible input: compelling stories, articles, and videos that match your level

• Amgiflol is a Figma-like Layout Inspector For Web

• Formcord is a Google Forms alternative built specifically for Discord communities

• Freq is a community-based social media platform for groups of music listeners to share, talk about, and enjoy music together

• Salora is a salon booking application (de)

• Animal Well Shrine is an low-spoiler egg tracker for the video game, Animal Well

• TypingGym is a typing practice site with automatic difficulty adjustment

Learning Resources

Featuring Svelte Contributors and Ambassadors

• promise.then(...) by Rich Harris - what's next now that Svelte is Async

• Asynchronous Svelte with Rich Harris by CodeTV (Jason Lengstorf)

• Remote Functions are coming to SvelteKit - and they are amazing! by Code with Stanislav

• Svelte London - June 2025 feat. "Svelte, svelte everywhere" by Paolo Ricciuti and "Testing your Svelte app in an actual browser" by Willow / Scott

This Week in Svelte

• Ep. 108 — Svelte Flow

• Ep. 109 — Ark UI

• Ep. 110 — Neodrag v3

• Ep. 111 — Best LLMs for Svelte 5 tested, MCP server, llms.txt

Svienna (Svelte Society Vienna)

• Lightning talk 10 tips in 5 mins! by Jean Yves Couet

• Using SvelteKit and MIT appinventor to inspire young girls for tech by Domenik Reitzner

• Adding full to your full stack SvelteKit app by Jean Yves Couet

• ZeeltePHP (Svelte + PHP) by derharry

• Svelte at Geizhals by Martin Grubinger

To Watch/Read

• Build a SvelteKit Admin App with Drizzle, Tailwind & Postgres by Tyler Codes

• Master Svelte in 15 Minutes: From React Dev to Svelte Pro by Neuronfire

• Simple but Effective Skeleton Loaders by Mat Simon

• Building Smart Intervals with Svelte 5 by Puru VJ

Libraries, Tools & Components

• Svelte Interval is a comprehensive Svelte utility package for managing intervals with reactive durations, synchronization, and advanced control features

• @hvniel/svelte-router is a Svelte 5 port of React Router

• @hvniel/vite-plugin-svelte-inline-component lets you write tiny Svelte components straight inside your JavaScript / TypeScript tests using tagged‑template literals

• wuchale is a non-invasive, normal code based compile-time internationalization (i18n) toolkit

• SSGOI brings native app-like page transitions to the web

• Svelte Form Builder is a modern, drag-and-drop form builder built with Svelte 5

• Svelte persistent runes provides a Svelte reactive rune that keep its value through pages and reloads

• gositemap is a fast, test-driven sitemap.xml generator for static SvelteKit sites

That's it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

Want some Svelte swag while you're chatting on Discord? With the new sv ⚡ server tag, you do just that. While signed into Discord, you can adopt our tag via profile settings.

There's a bunch to cover, from blog posts to new libraries, so let's dive in...

What's new in Svelte and SvelteKit

• $inspect.trace now includes source name logging to make it easy to find which file the log came from (svelte@5.34.0, Docs, #16060)

• The latest version of SvelteKit now supports Vite 7 and Rolldown. Compilation should be faster using Rolldown, but with larger bundle sizes until additional tree-shaking is implemented in Rolldown (kit@2.22.0, Docs, #13747)

For a full list of bug fixes in Svelte, SvelteKit and its adapters, check out their CHANGELOGs here and here.

What's new in the CLI and Language Tools

• The sv CLI now supports Vite's browser mode in Vitest - allowing you to run your tests in the browser natively (cli@0.8.12, Docs, #588)

• The language server now makes it easier to search for symbol names (Ctrl + T in VSCode). Some of the handling is also synced to the Svelte TypeScript plugin so that it's more consistent, which also means vscode can better deduplicate the results from both tsserver and Svelte language server (extensions@109.9.0, #2769)

Community Showcase

Apps & Sites built with Svelte

• Planet Poster is an interactive art work inspired by a poster of, you guessed it, planets

• roomy-worlds lets you create small 3d worlds and share/edit with your community

• Prodcast lets you discover products curated from your favorite podcasts

• Distill automates company and industry monitoring with all news, updates, and summarized insights in one place

• thom.chat is an open-source alternative/clone to T3 Chat

• Visual Source is a GUI for managing your projects design tokens

Learning Resources

Featuring Svelte Contributors and Ambassadors

• Type-Safe Persistence and Auto-Theming in Svelte 5 by Puru VJ

• $effect is fine but proxies are better and How to build Web Components with Svelte by Paolo Ricciuti

This Week in Svelte

• Ep. 106 — Changelog

• Ep. 107 — svelte-lexical

To Watch/Read

• Sveltest is a guide to set up testing for Svelte 5 applications using the experimental vitest-browser-svelte library

• A Playful Onboarding: Your first interactive animation from A to Z by Director.design

• Migrating from @testing-library/svelte to vitest-browser-svelte by Scott Spence

• Why Silicon Valley CTOs Are Secretly Moving Away from React by Freedium

• Async Local Storage by Ross Robino

• Mainmatter has a bunch of Svelte workshops in July so be sure to check those out!

Libraries, Tools & Components

• shadcn-svelte v1 - after 11 months in pre-release (@next), shadcn-svelte has officially hit v1.0. Congrats!

• Quaff is a component library for Svelte that follows the Material Design 3 guidelines

• Neodrag v3 Alpha is out with multi-framework adapters, event delegation and more

• Svelte Polaris is port of Shopify's design system to build Shopify apps

• Origin UI is a collection of copy-and-paste components for quickly build application UIs

• Svelte 5 MCP Server is a specialized Model Context Protocol (MCP) server for Svelte 5 frontend development

• Frizzante is a minimalistic and opinionated web server framework written in Go that uses Svelte to render pages

• Storybook 9 is out now and includes updates to the Svelte CSF story format to support Svelte 5

• Sheepdog supplies a simple way to introduce cancellable concurrency into your app

• Flowbite Svelte now has datatable and text editor (WYSIWYG) components

• Ark UI, a headless UI library, now has a Svelte version

• SVAR Svelte Filter helps you add complex filtering UI and logic to data-heavy apps like admin panels or dashboards

That's it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

This month, we'll share a bit about the new API along with a huge showcase of apps/sites built with Svelte...

Let's dive in!

What's new in Svelte and SvelteKit

• Attachments are essentially a more flexible and modern version of actions. Read more about their use-cases and improvements over actions in the PR (#1500) or in the Svelte docs (svelte@5.29.0, language-tools@109.7.0)

• Do you have actions you love and want to use them as attachments? The fromAction utility lets you convert actions into attachments (svelte@5.32.0, #15933)

• Generics are now allowed on snippets - improving typing and type hints (svelte@5.30.0, language-tools@109.8.0, #15915)

• The Svelte extension will now allow you to add missing imports on save (language-tools@109.6.0, #2744)

• State fields can now be declared inside class constructors (svelte@5.31.0, #15820)

• Svelte is now XHTML compliant and the new fragments: 'html' | 'tree' option adds wider CSP compliance (svelte@5.33.0, #15538)

• Client-side code is now allowed to run at the top-level of universal pages/layouts when SSR is disabled and page options are only boolean or string literals (kit@2.21.0, #13684)

For a full list of bug fixes in Svelte, SvelteKit and its adapters, check out their CHANGELOGs here and here.

Community Showcase

Apps & Sites built with Svelte

• Whimsy is a small game engine and a fantasy console for making interactive stories

• DASHBOT is a 1v1 Space Robot Sprint Battle game for two players - with local and online modes

• Kraa is a web-based markdown editor that does things a little differently

• Shovel AI is a batch tool for interacting with large amounts of a text data with AI models

• md.uy is a collaborative, local-first, peer-to-peer markdown editor

• BringYourAI is a browser extension that provides instant codebase context on any AI chat website

• Joe Malatesta figured out a way to present his film photos in a digital environment

• Notion Avatar is a Notion-style avatar editor with Svelte 5 Runes

• ORBITS is your second brain for who you know and who you meet

Learning Resources

Featuring Svelte Contributors and Ambassadors

• In case you missed it, all the videos from Svelte Summit are on the Svelte Society YouTube. More on how that happened in last month's blog post

• Svelte Attachments Are Here And They're Awesome by Joy of Code

• SvelteBench (from Stanislav Khromov) shows how different AI models perform out of the box on Svelte 5 syntax - now updated with Anthropic's new Claude 4 models

• First look at GitHub Copilot Coding Agent - The $40/month AI developer that actually works! by Stanislav Khromov (video)

• Truly Native Apps with Svelte? by Paolo Ricciuti

This Week in Svelte

• Ep. 102 — Svelte+Lynx and Async Svelte

• Ep. 103 — Attachments

• Ep. 104 — Skeleton v3.0

• Ep. 105 — Changelog

To Watch/Read

• Svelte's Next Big Change? (server components soon?) by Better Stack

• I spent some time using Better-Auth and Polar with SvelteKit and this is what I think by elansx

• Building md.uy - Peer-to-Peer Markdown Editor by mateor

Libraries, Tools & Components

• Bits UI v2 released - with support for attachments, $props.id(), Shadow DOM, and more

• Composably is a content processing plugin for Vite and SvelteKit with typed content + dynamic Svelte components at build time

• Svelte Flow is now 1.0 - with Svelte 5 support, TSDoc and a bunch of new features to make interactive flow charts even better

• fox ui is a collection UI components built with Tailwind 4 and Svelte 5 - now with a rich text editor

• fluid-dnd is a drag and drop library for Vue, React and Svelte

• sveltekit-password-protect is a simple utility to add a layer of protection to your websites

• sveltekit-image-optimize is a simple utility that helps you create an endpoint of your svelte app that optimizes your images

• svelte-inspect-value@0.7.0 introduces Panels - a fixed-position resizable panel / drawer that separates the debugging UI from flow of your website

• nuqs-svelte is an unnoficial Svelte port of nuqs library - a type-safe search params state manager

• sv-router is a type-safe SPA router with file-based or code-based routing

• svelte-textcircle displays text in a circular layout with customizable animations and styling

That's it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

But before that, we've got a few updates to highlight...

What's new in Svelte and SvelteKit

The Svelte maintainers have been hard at work building out Asynchronous Svelte this month, but still found the time to ship some helpful features. If you're interested in trying out the async branch, or just want to follow along with the development, check out feat: allow await in components #15844

• Certain expressions will now be partially evaluated to improve runtime performance (svelte@5.27.0/5.28.0, #15494/#15781)

• The Svelte CLI (sv) has added a --install <package-manager> flag to create and add to specify which package manager to use when running (cli@0.8.1, #531)

• The two separate CloudFlare adapters have been merged into one: adapter-cloudflare (adapter-cloudflare@7.0.0, #13634)

• adapter-vercel will now create symlink functions for each route, for better observability (adapter-vercel@5.7.0, #13679)

There were a number of fixes in SvelteKit too - including an improvement to the HandleServerError hook to give it access to getRequestEvent! (#13666)

For a full list of bug fixes in Svelte, SvelteKit and its adapters, check out their CHANGELOGs here and here. Interested in all the new fixes in language tools? You can find them here.

Community Showcase

Apps & Sites built with Svelte

• TableSlayer is an open source software for managing in person RPG games with digital displays (check out the video demo on Reddit)

• Iconia is a free tool that understands natural language and responds with relevant icons from famous icon libraries

• CMSDocs transforms your Google Docs into Blog CMS

• Svelte Changelog v2 is out now and is a reimagined way of staying up to date on all the new changes in the Svelte ecosystem

• Hookah UI is a visual configuration builder for the Hookah project

• mockiapi is a mock API server that allows you to define endpoints, return custom JSON responses, and simulate real-world API behavior

• soarSQL is an SQL editor made for analytical processing on Postgres, MySQL, and CSVs - powered by duckDB

• Persona Simulator helps you practice your communication skills by chatting with different personas

• Typo is a web-based markdown editor with formatting in codeblocks and typescript execution

• FernOS is a lightweight operating system running inside your browser

Learning Resources

Featuring Svelte Contributors and Ambassadors

• SvelteKit is the best way to build single page apps - and it just got even better! by Stanislav Khromov (Video)

• Svelte London - April 2025

  • Building cross-platform browser extensions with Svelte by Oliver Turner (10:52)

  • Kioko: Coding CAD by Armel de Montgros and Soloman Azizi (43:00)

This Week in Svelte

• Ep. 100 — Q&A with Rich Harris

• Ep. 101 — Changelog

To Read

• Graphite - an open source 2D procedural graphics editor built with Svelte - has released a product update blog post

• Cloudflare Workers & SvelteKit: BetterAuth, Custom Domain, Google OAuth, OTP & Email - Securing Your Application by Jilles Soeters

• Building a Real-time Dashboard with Flask and Svelte by Amir Tadrisi

• Copying Nuxt's useState in Qwik and Svelte by Jonathan Gamble

Libraries, Tools & Components

• diaper is an advanced bottom sheet component for Svelte 5

• mcp-svelte-docs is an MCP server that lets you search and access Svelte documentation with built-in caching

• Version 4 of Anime.js - a popular JS animation library - has been released

• DeepWiki has created a comprehensive introduction to the Svelte framework repository

• Vite Static Assets Plugin is a Vite plugin that automatically scans your static assets directory, generates a type-safe TypeScript module with all asset paths to help during build or development time

• Mode Watcher v1 provides simple light/dark mode management, now rewritten with first-class Svelte 5 support

That's it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

So let's dive in!

What's new in Svelte

• The new idPrefix option for render makes client-side ID generation more reliable in the rare cases that multiple Svelte runtimes exist on a page (5.22.0, Docs, #15428)

• State created in deriveds/effects can now be written/read locally without self-invalidation - reducing the number of "unsafe read"s significantly (5.24.0, #15553)

• Derived statements are now writable (5.25.0/5.25.2, Docs, #15570 and #15581)

• The Svelte CLI also got an upgrade to its code generation for more intuitive formatting (0.7.0, #380)

• eslint-plugin-svelte v3 has been released. The main update is improved support for Svelte 5. Check out the CHANGELOG for more details.

There were also quite a few fixes to the language tools earlier in the month - so be sure to keep your plugins up to date!

What's new in SvelteKit

• reroute can now be called async - with an option to fetch if you need to pass along cookies or other request context (2.18.0/2.19.0, Docs, #13520 and #13549)

• The new normalizeUrl helper provides people a way to normalize a raw URL that could contain SvelteKit-internal data (2.18.0, Docs, #13539)

• getRequestEvent is a new function in $app/server that returns the current RequestEvent (2.20.0, Docs, #13582)

• Updates to the cloudflare-adapter brings Wrangler 4 support, improved _headers and _redirects files, and support for specifically building for Cloudflare Workers Static Assets (5.1.0-7.0.0, CHANGELOG)

For a full list of bug fixes in Svelte, SvelteKit and its adapters, check out their CHANGELOGs here and here.

Community Showcase

Apps & Sites built with Svelte

• Fusion is a lightweight, self-hosted friendly RSS aggregator and reader

• Brooks’ Law simulator visualizes how communication complexity grows as team size grows

• ai-chatbot-svelte is a full-featured, hackable SvelteKit AI chatbot built by Vercel

• raymarching-webgpu is a ray marching implementation using WebGPU and Svelte 5, shaders written in WGSL

• Eurlexa lets you access and search EU regulations and directives instantly

• Lars is the Wall Street Journal's AI Tax Bot - built with Svelte and embedded into a React frontend

• RT is a lightweight, ad-free Twitch frontend built with Tauri, Rust & SvelteKit

• Atom Clicker is an engaging incremental game where you'll build your own atomic empire

• peasy provides modern web analytics without the clutter

• svelte-lexical is a rich-text editor for Svelte and SvelteKit

• sveltekit-epub-writer is an ergonomic book editor that lets you export to EPUB in one click

Learning Resources

Featuring Svelte Contributors and Ambassadors

• Why re-renders hurt performance and how you can fix them in Svelte 5 by Stanislav Khromov

• Runes and Global state: do's and don'ts by Paolo Ricciuti

• Learn How To Make Interactive 3D Apps With Svelte And Threlte by Joy of Code

• Svelte London - March 2025 featuring:

  • SvelteKit and SST by Andrico Karoulla

  • Mythbusters! Svelte Ecosystem Edition by Willow (GHOST)

This Week in Svelte

• Ep. 96 — durable objects

• Ep. 97 — stick to botton

• Ep. 97 — Changelog

• Ep. 99 — Custom Select

To Watch

• Deploying Svelte Kit on DigitalOcean App Platform (awesome Vercel alternative) + Tailwind by Elans Builds

To Read

• Recursive Svelte Components by Martin Brandenburg

• Building a Real-time Dashboard with FastAPI and Svelte by Amir Tadrisi Amir Tadrisi

• A short guide to Async Components in Svelte 5 by Abdullah Bashir

• SvelteKit 5: How to make code-based router, instead of file-based router by Max Core

• Integrating tRPC with SvelteKit by Robert Soriano

Libraries, Tools & Components

• Bun has added official support for Svelte as a frontend framework for their bundler

• Skeleton v3.0 is now available - including Svelte 5 support, Tailwind 4 and a more modular structure

• SaapsUI is a comprehensive Svelte component library designed for creating responsive, accessible, and beautiful user interfaces with minimal effort

• SVAR Svelte v2.1 has added new UI components - including DataGrid and Gantt charts

• cnblocks provides 50+ UI & Marketing blocks using Svelte 5, Tailwind CSS v4 and Shadcn Svelte

• Edra is a Headless & ShadCN-Powered Rich Text Editor for Svelte Developers

• Paraglide, the i18n library for supporting multiple languages in your Svelte app, release their 2.0 version

• oRPC helps you build type-safe APIs for Svelte and TanStack Svelte Query

• Sveltepress is a content centered site build tool, built on top of Sveltekit

• Konva.js is a declarative 2D Canvas for Svelte apps

• Svelte Inspect Value is a "JSON tree"-like value inspector

• Svelte 5 Snippets offers reusable code templates to accelerate development and ensure consistent coding practices in VS Code

That's it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

But before we dive into that, let's get to some updates!

What's new in Svelte and SvelteKit

• Native support for Websockets in SvelteKit is now available for testing! You can install the version of SvelteKit from the PR using pkg.pr.new and the PR number (How To Install, PR/Docs)

• $props.id() provides SSR-safe ID generation - unique for each instance of a component (Svelte@5.20.0, Docs, #15185)

• SvelteKit now supports an option for server-side route resolution. This means that instead of loading the whole routing manifest in the client, and doing the route resolution there, the server runtime is invoked for each route request (Kit@2.17.0, #13379)

• The values for cache-control and content-type headers are now validated in dev mode to help catch invalid values early (2.17.0, #13114)

For a full list of bug fixes in Svelte, SvelteKit and its adapters, check out their CHANGELOGs here and here.

Community Showcase

Apps & Sites built with Svelte

• Faviconizer is a simple, functional favicon (.ico) converter made with SvelteKit

• stocknear is an open source stock analysis & community platform (congrats on 2 years of development!)

• Workouts is a simple and private app for tracking your strength training workouts

• Perplexity Fast Chat is a modern web interface to interact with Perplexity AI and OpenAI models, featuring a unique deep research mode

• exiftool-web is an exif data inspector tool, in the browser (via WebAssembly!)

• Weekend Scanner helps you find long weekends by combining your weekends and holidays

• Linklink is a link management tool for organising and sharing links

• Multiplayer Globe App displays website visitor locations in real-time using Astro, Cloudflare and Redis

• Mathesar is an intuitive spreadsheet-like interface that lets users of all technical skill levels view, edit, query, and collaborate on Postgres data directly

• Squash lets you compress and convert your images to AVIF, JPEG, JPEG XL, PNG, or WebP

• Segment Anything 2 in WebGPU is a WebGPU implementation of Facebook Research's model

Svelte Hack Wizzbangery Wizard Winners

1. kunkun is an open source, cross-platform, extensible app launcher (like Raycast) - it's also the winner of SvelteHack 2024 🏆

2. Infinite Turtles is a card game made with Threlte

3. Svudoku is a modern-looking Sudoku application that lets you enjoy solving both Classic and Killer Sudoku puzzles

4. Svelte Space is a TowerDefence clicker game made with Svelte 5, without canvas. Playable on different screens, Mobile or Desktop.

5. Haunted house is an old-school arcade game where you explore a haunted mansion full of ghosts. Control plasma bullets, use your wits and clear the whole house! Created only with Svelte 5.

Learning Resources

Featuring Svelte Contributors and Ambassadors

• Svelte Hack 2024 Winners Announcement Livestream featuring GHOST, Paulo and Dominik

• 20 Svelte Features You Missed During Advent Of Svelte by Joy of Code

• Use any JavaScript or TypeScript Library in Svelte 5 (The Right Way) by Stanislav Khromov

• Svelte London - February 2025

This Week in Svelte

• Ep. 92 — Changelog and Showcase

• Ep. 93 — Changelog, dynamic layouts with snippets

• Ep. 94 — Go + Svelte as a hybrid SPA/MPA application

• Ep. 95 — Changelog

To Watch

• GitHub Copilot: the agent awakens uses SvelteKit as their example project 🙌🏼

• Full Stack E-Commerce + Dashboard: Svelte 5, Cloudflare, Tailwind, Drizzle, Sqlite, 2025 by Lawal Adebola

To Read

• How to Protect Your SvelteKit Routes by Yuki Ishii

• Sharing Runes in Svelte 5 with the Rune Class by Jonathan Gamble

• Mixed Signals with Svelte 5 from the FullMeasure Blog

• Did Svelte 5 Get Runed with Complexity? by sobPilot

• Background Jobs in SvelteKit with BullMQ by Ranjan Purbey

Libraries, Tools & Components

• Svelte Form Builder helps you create forms with Shadcn-Svelte, Superforms and schema within minutes

• shadcn-svelte-enhancements is a collection of additional components designed specifically for Shadcn-Svelte

• lomer-ui provides standalone components for Svelte powered by Tailwind CSS

• Vite Plugin Svelte Anywhere empowers developers to define reusable custom elements directly within their Svelte components

• Svelte 5 + SvelteKit Sage is a custom GPT to get the best answers out of ChatGPT

• ModalFileManager and PersonalKanban have been updated to work with Svelte 5 (and fix a large number of bugs)

• components-pack provides photos-related UI components for Svelte 5, Vue 3, Astro 5 and vanilla JS

Svelte Hack Rune Ritualist Winners

1. SyncroState brings Svelte 5 reactivity DX to the multiplayer level. Built on top of Yjs, it's a typesafe, efficient and dead simple way to manage multiplayer state. It is just like a normal $state but synchronised in realtime.

2. Twoslash Svelte is an extension of twoslashes/twoslash which supports Svelte. This will be beneficial for adding type hints to code blocks on any documentation website targeting Svelte.

3. svisx is a port of Airbnb's visx to Svelte, bringing the power of D3 visualizations to the Svelte ecosystem.

4. Svelte Value Inspect is a "json tree"-like inspector inspired by the likes of react-json-view, and svelte-json-tree.

5. Flexiboards provides headless, reactive drag and drop components for Svelte 5.

Svelte Hack Migration Magician Winners

1. Svelte MapLibre GL lets you build interactive web maps effortlessly with MapLibre GL JS and Svelte 5.

2. svelte-ux is a collection of Svelte components, actions, stores, and utilities to build highly interactive applications.

3. rokkit is a data-driven, configurable, and themeable UI library built for use with Svelte. Rokkit controls are designed to be easily themeable, so you can match the look and feel of your project with minimal effort.

4. Svelte MiniApps is a collection of user-friendly tools rebuilt with Svelte 5 for enhanced speed and reliability

5. Roguelighter Engine is a free, open-source, easy-to-use game engine for 2D game development.

That's it for this month! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!

Let's dive in 🐬

What's new in Svelte

• Non-numeric values can now be tweened by snapping immediately to the new value (5.17.0, Docs, #14941)

• const tags are now allowed inside of a svelte:boundary (5.17.5, Docs, #14993)

• <template> elements are now allowed to contain any child elements (5.18.0, Docs, #15007)

• ClassValue is now exposed from svelte/elements (5.19.0, Docs, #15035)

What's new in SvelteKit and Language Tools

• Custom identifiers can now be invalidated on goto() navigation (2.16.0, Docs, #13256)

• The postinstall script has been removed to support pnpm 10 (2.16.0, #13304)

  • users should add "prepare": "svelte-kit sync" to their package.json in order to avoid the a warning upon first running Vite

• PageProps and LayoutProps types are now provided (2.16.0, #13308)

• The generics attribute is now supported for JSDoc (svelte2tsx-0.7.32/svelte-check-4.1.2, #2624)

• Semantic document highlighting makes the document highlights based on semantic/syntactic meaning instead of the current word-based default by VSCode (language-server-0.17.9, Docs, #1408)

Community Showcase

Apps & Sites built with Svelte

• Daily Tokki is daily personalized Korean learning delivered right to your inbox

• svelte-tower-defence is a tower defense clicker game built with Svelte 5, without canvas, using only CSS transitions and the Runes

• PraccJS lets you practice JavaScript with real-time code execution

• Invoice-r calculates what you're owed from the information you give and makes your invoice look good

• Carry Fit is an online carry-on luggage compliance checker

• Fiddle (currently in waitlist stage) lets you design, collaborate and experiment in code

• Kener is a modern status page with batteries included

• Open TLC is a free, open source CAT (Computer-Assisted Translation) tool

• Mathesar is a secure, spreadsheet-like tool for Postgres data

• Pile Commander is an open-source file manager for creative people

• Hetzner Auction Browser is a better way to find the perfect server in Hetzner's Server-Bidding marketplace

Learning Resources

Featuring Svelte Contributors and Ambassadors

• Svelte 5 And The Future Of Frameworks: A Chat With Rich Harris by Frederick O'Brien

• Use any JavaScript or TypeScript Library in Svelte 5 (The Right Way) by Stanislav Khromov

Svelte Radio

• Rich Harris on the Svelte 5 reception

• Dominik G on Svelte 5 and Vite 6

• Timothy Cohen Talks SampleKit

This Week in Svelte

• Ep. 89 — Sailkit

• Ep. 90 — Svelte Radar VS Code Extension

• Ep. 91 — Threlte 8

To Read

• Dockerize SvelteKit with adapter-static and Nginx, Analyze and optimize your Vite bundle and End-to-end type safety with Svelte 5 and SvelteKit 2 by Hugo Sum

Libraries, Tools & Components

• Svelte Radar is a VS Code extension that provides a visual overview of your project's routing structure

• Threlte 8 is out and is more performant, flexible and aligned with Svelte 5

• Storybook 8.5 includes Svelte Storybook Test support - improving testing in Svelte CSF stories

• SVAR for Svelte provides feature-rich Svelte UI Components

• Tailwind CSS v4.0 has been released - with a new engine, simpler installation and more

• Frizzante is a procedural, minimalistic and opinionated web server that uses Svelte to render web pages

• svelte-5-dashboard is a boilerplate for Svelte 5 dashboards. Including alerts, avatars, custom formatting and more

• dnd-kit-svelte is a Svelte 5 dnd-kit port

• youva provides pagination, debounced search, sorting, filtering and caching for SvelteKit

That's it for the review of Svelte's first month of 2025! Let us know if we missed anything on Reddit or Discord.

Until next time 👋🏼!