1,027 Photos and videos
Pinned Tweet
6 Sep 2025
I'm excited to release the Svelte 5 course aimed at new and existing Svelte developers! π₯
Learn how to make blazing fast web apps with Svelte and understand how it works with hands-on experience.
youtu.be/B2MhkPtBWs4
19
64
384
27,942
Jun 8
Trying Coolify on Hetzner and loving it β learned a lot about securing a VPS and self-hosting
Nixpacks sucks though and fails on SvelteKit so I used a Dockerfile and I might offload builds to GitHub to prevent CPU spikes
Excited about v5 since it's using Svelte for the frontend
6
3
49
1,612
Jun 4
Learn how to build real Svelte apps using agentic coding in this series from @PaoloRicciuti and subscribe for updates π₯
youtu.be/XEeCqy7QebM
13
70
2,167
Jun 1
New video explaining SvelteKit remote functions and working with real-time data using live queries π₯
youtu.be/j9fh4WC0zHo
2
11
104
1,732
Jun 1
Heading into the million dollar studio to record a Svelte video
1
1
43
1,287
May 31
Svelte added a new feature so you're able to define variables anywhere in a Svelte component π₯
5
17
163
5,525
May 28
Working on the next video about real-time data in SvelteKit using the new live query remote function π
4
4
97
1,790
May 27
I poked around SvelteKit to learn how live queries work and found it uses a raw stream that sends NDJSON using devalue for serialization β I used a server endpoint and fetch on the client to demonstrate how it works π
1
2
39
3,291
May 25
Added a timeline and rendering options
May 24
Another experiment in making videos with code stealing the Motion Canvas API with Svelte templating and reactivity π
I prefer this over the Remotion approach I tried where you have to define the frames π€
1
1
20
1,021
May 24
Another experiment in making videos with code stealing the Motion Canvas API with Svelte templating and reactivity π
I prefer this over the Remotion approach I tried where you have to define the frames π€
1
21
2,193
May 23
I open sourced the Svelte sandbox if you want to use it on your site
β’ Includes Web (HTML/CSS/JS) and Svelte sandbox components
β’ Preview-only mode
β’ Handles NPM imports
β’ Customizable
β’ Responsive
github.com/matiadev/svelte-sβ¦
May 21
I'm pleased with how the Svelte sandbox for interactive examples in my posts turned out π
1
6
70
5,290
May 23
Added global mode to the p5.js Svelte wrapper so you can try examples without needing a prefix π
npm i @βsveltecraft/p5-svelte
18
795
May 22
I turned the video into a post with interactive examples you can try yourself π
joyofcode.xyz/entry-and-exitβ¦
Apr 22
Modern CSS has made entry and exit animations a lot easier so I made a video on how to use @βstarting-style to do that including animating discrete properties like display and using the View Transition API for layout changes
4
33
2,208
May 21
I'm pleased with how the Svelte sandbox for interactive examples in my posts turned out π
21
5,898
May 21
Vercel randomly broke my SvelteKit deployment that worked fine before and wasted hours of my time π€
If you encounter random problems with your deployment update the build command
2
21
1,501
May 19
In this video I explore how the HTML-in-Canvas proposal unlocks new possibilities and lets you render HTML elements inside a <canvas> while preserving native layout, styling, and accessibility π
1
2
26
1,136
May 3
Here's a powerful animation system that works with your favorite JavaScript animation library in Svelte π§
Instead of messy element bindings use an attachment to register and animate actors from a scene like this GSAP example π
2
47
5,076
May 2
Using a Cartesian coordinate system for SVG makes working with them a lot nicer
1
1
23
1,079
Apr 26
I wanted a simple way to sandbox examples in the Animotion docs so I ended up creating a SvelteKit route to dynamically load components and pop the prerendered route inside an <iframe>
1
1
31
2,100