Exploring the new Glass effect, coming to the Shaders design editor in the near future...

Experimenting with a hero section with WebGPU components from shaders.com

Using reactive props to change colors and animate a glitch effect between tabs. Magically easy to do ✨

Should be all fixed now w/ `v2.3.54`. Also, a native JS version is on the roadmap ;)

Should be all fixed now w/ `v2.3.54`

Everything should be all fixed, just some gpu differences between Chromium and FF. Package updated as well to `v.2.3.54`

Turns out, it was an old DNS record. Thanks for the heads up!

Play with the live demo at:
shaders-demo-aurelia.bolt.host

Luxury details in 5 minutes flat...

Super weird. It's been months since we were on Netlify (it's on Vercel now). Wonder if there's a lingering DNS record for the www

Yes, DM me 🤝

Yes, although nothing too low level. It's WebGPU but running through Three TSL as an abstraction/node compositing system

Ooh this'll be fun. Thanks for the details!

Oh interesting, which OS/Firefox version are you running? It should be compatible so long as it has, you know, a GPU 😉

Thanks man! 🔥

Thank you sir 💚

Introducing Public Beta for Shaders ✨

The wait is over 🎉 Try it now for @vuejs.org , @react.dev , @svelte.dev & @solidjs.com

A big shout out to together.agency for creating the stunning new design and working closely with us to bring this vision to life.

And to @marchantweb.com for implementing it so beautifully across all our sites, creating a dedicated theme package and nailing every detail.

Having so much fun experimenting with @shaders.com by @marchantweb.com ✨

Tried to recreate the flickering particle effect from OpenAI's Atlas browser. Combined it with @motion.dev and Vue reactivity on nuxt.com just for fun... and it works wonderfully!

So smooth and easy to work with !

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

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.

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

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 😅

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

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.

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 🙌

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

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

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

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

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