Simon Le Marchant
@marchantweb.com
Founder @ http://shaders.com ✨ Prev: Staff UI Engineer @clerk
Introducing Shaders v3 🔥 Our biggest release yet. Built for design engineers who ship magic. Design production-ready WebGPU shader effects on an infinite canvas, powered by a new rendering engine that's up to 25× faster. shaders.com/updates/intr...
Introducing Shaders v3 — Shaders
Everything new in Shaders v3, from the redesigned editor to our lightweight TypeGPU rendering engine.
shaders.com
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 ✨
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 !
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.
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
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
Finally announcing my new full time project ✨ Kalyna Noelle Le Marchant ✨ a.k.a "chippy"
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.
Excited to be launching a new side (pronounced "full time") project tomorrow. It's gonna be amazing, keep an eye out for updates 👀
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.
The plot thickens... with tooling that automatically generates equivalent @vuejs.org and @react.dev components from a single component definition file.... 🤯
Networking: "I connect this to that, that to this, cross these wires, patch this to you, you to me, do a weird handshake, bow to the router, print it, scan it upside down, flip it in Photoshop, undo, redo, undo, toast it at 350° for 25 min, kick it, lick it, bop it, and BAM, it's a Honda Odyssey."
@vueconf.us is in Tampa, FL this year?! Oh hell yeah. You guys are on my turf now 🥳
Just learned about @tailscale.com for the first time. Mind blown.
Posting ahead of my mighty bite tip for Nuxt Nation. Here's a small experimental ⚠️ module for Nuxt that flips the idea of a <Teleport> upside-down 🙃 github.com/marchantweb/...
GitHub - marchantweb/nuxt-adaptive-teleport: <AdaptiveTeleport> is a variation of Vue's <Teleport> component that adapts to Nuxt page route changes.
<AdaptiveTeleport> is a variation of Vue's <Teleport> component that adapts to Nuxt page route changes. - marchantweb/nuxt-adaptive-teleport
github.com
"... you will use #threejs TSL to write your shaders... 😵💫"
I have a new handle @marchantweb.com - guess this means things are getting kinda serious 👉👈
#threejs TSL is still so new, AI stumbles over it trying to make basic examples. I feel like I'm exploring the Wild West of frontend code...
