eirik k

Hand drawn / Boil effect • Playground • Svelte Web development for the rest of us

Simulating hand drawn line-boiling effect with SVG filters

Trying to get AI to create spirals with zzz.dog but it gets worse the harder I try to clarify the API.

Rest in peace Brian Wilson, one of the all-time great weird guys

Spent time learning about SVG filters today because GLASS

I don't think I want it to be a thing on the web (or my phone) but it looks so NEAT

I’ve made Sveltest a thing 🫣

sveltest.dev

This is documentation for getting started using vitest-browser-svelte in your projects

I’m currently going through the docs sveltest.dev/docs/getting-started comparing with what me and my team are doing “real-world” and validating

Contributions welcome

Credit for cube markup in my playground: 3dtransforms.desandro.com/cube

Hah! I have no graphics programming skills (outside of web development.)

I was tickled by the 3D div-cube in MDN's docs for `rotate3d` and just thought it would be fun to combine it with css-vars and Svelte's motion features.

developer.mozilla.org/en-US/docs/W...

🧱 #DayBrix for Savage Saturday, 7 Jun 2025: 🌟100% in 92.0 seconds
vole.wtf/daybrix/

Springy 3D Cube • Playground • Svelte Web development for the rest of us

Springy Svelte 3D Cube

svelte.dev/playground/f...

Svelte Inspect Value 0.8.0 is out!

github.com/ampled/svelt...

Release notes summary in emoji: 🔎🔦⌨️🐛⚡️

Unless I decide Inspect needs an "edit mode" this should be the last big update in a while. I think the code needs some cleanup. I should finish the custom components API, though.

I've released a preview of Svelte Inspect Value 0.8.0 with search / filter / text highlighting and more!

Try it here while I spend a bit more time deciding if it's ready for a full release:

svelte.dev/playground/f...

Here's a slightly outdated video demonstrating the new keyboard navigation and search:

Here's a slightly outdated video demonstrating the new keyboard navigation and search:

I've released a preview of Svelte Inspect Value 0.8.0 with search / filter / text highlighting and more!

Try it here while I spend a bit more time deciding if it's ready for a full release:

svelte.dev/playground/f...

kindahard.golf 06/01

📝 19

7.⛳ 2
6.⛳ 3
5.⛳ 4
4.⛳ 1
3.⛳ 2
2.⛳ 5
1.⛳ 2

kindahard.golf

Created GTA VI Animation using Svelte & Tailwind CSS

Using : scrollY + Spring & Tween

Checkout Code : svelte.dev/playground/0...

🧱 #DayBrix for Thor’s Day, 29 May 2025: 🌟100% in 68.3 seconds
vole.wtf/daybrix/

Kinda Hard Golf – A fun and challenging golf game. Aim, shoot, and get to the top in as few strokes as possible. New level daily!

kindahard.golf 05/28

📝 26

7.⛳ 1
6.⛳ 10
5.⛳ 5
4.⛳ 2
3.⛳ 5
2.⛳ 1
1.⛳ 2

kindahard.golf

DayBrix 🧱 daily falling-blocks minigame Can you beat today’s challenge? Featuring: Sloth Sunday, Blue Monday, Top-Heavy Tuesday, Wavy Wednesday, Thor’s Day, Faster Friday and Savage Saturday.

🧱 #DayBrix for Wavy Wednesday, 28 May 2025: 🌟100% in 39.9 seconds
vole.wtf/daybrix/

i am the pokeman!!!

good god i haven’t tried this hard in a videogame in forever and won’t attempt this again but now i know that with enough terrible time management and inability to focus, anyone can beat enough children in a trading card game app and claw their way to victory.

ps: snorlax owns

I don't understand please explain

Still working on search / filter.
Not sure which of these are better. Should it be configurable?

#svelte

Working on search for Svelte Inspect Value. Probably not gonna be done for a while but it's looking okay but I want to make sure it's at least somewhat performant before releasing.

👀
🔍

Playground: svelte.dev/playground/c...

Docs: inspect.eirik.space/reference/pa...

Svelte Inspect Value @ v0.7.0 introduces Inspect.Panel:

- Positionable, resizable Drawer that accepts all the same props as Inspect
- Use the utility function `addToPanel` to set "global" values
- Neat place to put other debug-tools you use (renders children)

github.com/ampled/svelt...

Of course there are some sweet cars IRL (I like old muscle cars.) I’m just talking about my appreciation for intricate illustrations of vehicles that would never exist but look cool 🤓

I went with "Inspect.Panel" for this, mostly because of utility functions that will work with it it needed DX-friendly names that the other suggestions didn’t quite match.

It’s released on the next-channel but I’m taking my time making the docs better and fixing some bugs with the base component.

I’m not super into cars or planes IRL but I love cool fictional vehicle design. Toriyama comics and some Ghibli movies are amazing for this, and the ones by Shaun here are def in the same league.

snakes and clowns