What's new in Svelte: February 2025

New types, pnpm 10 support and better syntax highlighting

The Svelte developer experience got a huge upgrade this month with more exported types and better syntax highlighting in VS Code. Combine that with the huge releases from Storybook, Tailwind and Threlte... and you've got a pretty big month!

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