What's new in Svelte: May 2021
Working toward SvelteKit 1.0 and a showcase full of SvelteKit sites!
New features in the Svelte Compiler
:global()is now supported as part of compound CSS selectors (3.38.0, Example)
CSS custom properties can now be passed to components for use cases such as theming (3.38.0, Docs coming soon)
New in SvelteKit
New in Svelte & Language Tools
svelte-preprocessnow supports the "extends" field of the tsconfig.json (4.7.2)
styleattributes now have hover & auto-complete. Foreign namespaces and ESM configs are now supported in the Svelte language server & extensions
The Svelte language tools can now infer slot/event types from their props if a generic relationship between them was defined
Apps & Sites
gitpod.io recently rewrote its site with SvelteKit
highlight eel is a web-based editor to mark your favorite parts of any YouTube video to clip and share with anyone
The Far Star Mission is an interactive audiobook companion to the album, The Far Star by Apotheus
ExtensionPay lets developers accept secure payments in browser extensions with no backend server code.
mk48.io is a naval warship game made with SvelteKit
Frog Safety is a guide for African Dwarf Frogs and the API freshwater master kit
Stardew Valley Character Preview loads your character's attributes from your Stardew Valley savefile and lets you play around with different outfits, colours, and accessories.
Demos, Libraries, Tools & Components
svelte-parallax is a spring-based parallax component for Svelte
@svelte-plugins/viewable is a simple rule-based approach to tracking element viewability.
Sveltekit-JUI is a kit of UI components to be used in conjunction with Svelte and Svelte Kit.
EZGesture makes it easy to add gestures functionality with simple native DOM events
How to use Vercel Analytics with SvelteKit teaches how to track Web Vitals across your users' devices
Asp.NETCore + Svelte + Vite connects the three frameworks with SpaCliMiddleware (VS2019)
Add CoffeeScript to Svelte is an experimental command to run to add CoffeeScript to your SvelteKit project or Vite-powered Svelte app
Adds Supabase to Svelte is an experimental command to run to add Supabase to your SvelteKit project
svelte-babylon lets you use BabylonJS like A-Frame through reactive Svelte Components
Amazing macOS Dock animation in Svelte demonstrates how nice Svelte and popmotion look together
Solving the Tower of Hanoi with recursive Svelte templates incorporates the
<svelte:self>element into a common computer science problem
DIY SvelteKit CDK adapter puts together SvelteKit and AWS CDK
Fireship's Svelte in 100 Seconds is a quick and easy introduction to Svelte's core concepts
Tech Downtime has been diving into SvelteKit in this playlist - from getting up and running to debugging.