Skip to main content

What’s new in Svelte: March 2025

Congrats to the SvelteHack winners! Plus improved SSR in Svelte and SvelteKit

Dani Sandoval

SvelteHack 2024 has ended and the winners were announced on February 9th. Congrats to all the winners who you’ll also find listed in the “Community Showcase” below.

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

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

To Read

Libraries, Tools & Components

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