Lightnews — Scholar-powered news

Simon Le Marchant @marchantweb.com · 2d

That's a possibility, but it's further down the roadmap 👀

Simon Le Marchant @marchantweb.com · 6d

Yes, all props in Shaders are reactive state - they get transformed to uniforms and sent to the GPU without recompiling, so it's lightning fast. So just hook up audio input to a reactive prop in your framework of choice and use it to control any shader parameter.

2

Simon Le Marchant @marchantweb.com · 6d

The web can have a little WebGPU as a treat...

2 1

Simon Le Marchant @marchantweb.com · 6d

Shaders has had some incredible community feedback and support over the past week over on Twitter, with 2.8K+ on the waitlist so far and some killer early backers.

If you're not already on the list, grab your spot for early access. Invites going out in about 2 weeks time 😅

5

Simon Le Marchant @marchantweb.com · 6d

And here's a first look at the Design Editor 🔥 From blank canvas to interactive hero section in 2 minutes⏱️

1 8

Simon Le Marchant @marchantweb.com · 6d

Realizing I never posted this to Bluesky 🫢

✨ Introducing Shaders

A first-of-it's-kind component library for jaw-dropping effects and frontend magic, shipping soon for @vuejs.org, @react.dev & @svelte.dev.

6 19 220

Simon Le Marchant @marchantweb.com · Jul 8

I'm 5 hours late to the party, but that's fashionable right? 😎 Congrats to you and the Nuxt Lab team, it's always been amazing what you give to the community so I'm glad you've got an incredible backer to keep it rolling 🙌

1 1

Simon Le Marchant @marchantweb.com · Feb 18

Ombré v.1.4.0 adds a collection of breathing, atmospheric-style shaders called "Horizon". The colors are customizable with props — perfect for a minimal hero section (light or dark).

Available for @vuejs.org, @react.dev and @svelte.dev at ombre-ui.xn--com-cl6a

1 10

Simon Le Marchant @marchantweb.com · Feb 16

Hi @johnathan.dev, the bug with reactivity in Svelte 5 props has been fixed. Please update to v1.3.1. Thanks!

2

Simon Le Marchant @marchantweb.com · Feb 16

Quick status update: I've done some review and found this only affects the Svelte 5 package. Should have a resolution shortly.

1

Simon Le Marchant @marchantweb.com · Feb 15

Ah okay, thanks for the repro. I'll take a look this afternoon and debug/patch.

Simon Le Marchant @marchantweb.com · Feb 14

Oh it sure is. This is girl #2 for us, our oldest is 5. Somehow, the newborn is easier ;)

1 1

Simon Le Marchant @marchantweb.com · Feb 14

Thanks! Yeah I have a ton of ideas for different shaders, so a long way to go, but no shortage of inspiration :)

1 1

Simon Le Marchant @marchantweb.com · Feb 14

Ombré is built with @threejs.org TSL, an awesome new way to write shaders for WebGPU + WebGL all in one🔥. I did a little write up about my experience with it: ombre-ui.com/building-cro...

Ombré | Inside Ombre - Building Cross-Framework WebGPU Shaders with TSL & Turbo

Ombré is a collection of ready-to-use, high-quality, and customizable WebGPU shader components for Vue, React and Svelte.

ombre-ui.com

1 4 24

Simon Le Marchant @marchantweb.com · Feb 14

Okay, time to share a fun side project of mine… 🫠

Introducing Ombré - a shader component library for @vuejs.org, @react.dev, and @svelte.dev. The first 6 collections (50+ shaders) are available now. More to come over the next couple of weeks.

Available at ombre-ui.xn--com-cl6a

3 11

Simon Le Marchant @marchantweb.com · Feb 12

Thanks, glad you like it 😁

1

Simon Le Marchant @marchantweb.com · Jan 23

I've been trying turbo recently and it works wonders, using Vite in each package to build.

Not going to lie, it took to a minute to get it setup the way I wanted, but now I have a solid pipeline for building full Vue, React and Svelte packages from a single core package. All type safe.

Simon Le Marchant @marchantweb.com · Jan 13

Excited that my portfolio is WOTD at CSSDA today! www.cssdesignawards.com/sites/mw24/4...

mw24 - CSS Design Awards

Wrapping up 2024 with a brand new personal portfolio website reflecting my work as an independent interactive developer.

www.cssdesignawards.com

1 6

Simon Le Marchant @marchantweb.com · Jan 11

Certainly hope so lol

2

Simon Le Marchant @marchantweb.com · Jan 11

Thanks, she's my second little girl. I'm dangerously outnumbered.

1 2

Simon Le Marchant @marchantweb.com · Jan 11

Finally announcing my new full time project ✨ Kalyna Noelle Le Marchant ✨ a.k.a "chippy"

5 21

Simon Le Marchant @marchantweb.com · Jan 10

Looks like it'll be a long night of work to push this new project to production. Probably in the morning. But totally worth the wait.

2

Simon Le Marchant @marchantweb.com · Jan 8

Excited to be launching a new side (pronounced "full time") project tomorrow. It's gonna be amazing, keep an eye out for updates 👀

5

Simon Le Marchant @marchantweb.com · Jan 8

Soooo close to getting @svelte.dev working as part of my component generation tooling. Functionally it's there, just some side effect cleanup to make happen.

3

Simon Le Marchant @marchantweb.com · Jan 3

The plot thickens... with tooling that automatically generates equivalent @vuejs.org and @react.dev components from a single component definition file.... 🤯

6