What's new in Svelte: April 2025

Writable $derived statements, async reroute and better request event access

With a couple minor releases of SvelteKit in the last month and a few more from Svelte itself, there's a lot to be excited about this month. From new helper functions to new configuration options, we've got a lot to cover...

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 👋🏼!