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)
consttags are now allowed inside of asvelte:boundary(5.17.5, Docs, #14993)<template>elements are now allowed to contain any child elements (5.18.0, Docs, #15007)ClassValueis now exposed fromsvelte/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
postinstallscript has been removed to support pnpm 10 (2.16.0, #13304)- users should add
"prepare": "svelte-kit sync"to theirpackage.jsonin order to avoid the a warning upon first running Vite
- users should add
PagePropsandLayoutPropstypes 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
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 👋🏼!