iiinova — where your digital self keeps evolving

Simon Le Marchant @marchantweb.com · 28/09/2026

Introducing the Shaders CLI 🔥 Connect your codebase to Shaders. Install shaders with one command, run "open" to edit visually in the browser, then "update" to pull your changes back into code.

120

Simon Le Marchant @marchantweb.com · 23/09/2026

Just gave Shaders a UI refresh ✨ Easier navigation for presets, sections, components, and docs. Cleaner layout, better exploration. Thanks to @vanjek for the inspo! Check it out: shaders.com

010

Simon Le Marchant @marchantweb.com · 22/09/2026

Interesting concept for riffing on coded prototypes while keeping explorations organized, by @vanjek The web clearly needs more gooey buttons 🔥 x.com/vanjek/stat...

000

Simon Le Marchant @marchantweb.com · 17/09/2026

Section Spotlight: Voxel Logo CTA Takes your logo and converts it into 3D voxels with a digital dithered look. Works great for CTAs that need a bit more attention 👀

100

Simon Le Marchant @marchantweb.com · 15/09/2026

Section Spotlight: Grid Shift Hero Subtle gradient background that shifts in a grid pattern as you move your cursor. Clean, modern look that adds just enough visual interest without overwhelming your content.

100

Simon Le Marchant @marchantweb.com · 14/09/2026

Section Spotlight: Irradiance Logo Hero Subtle hero section that takes your logo and applies realistic lighting and shading. Includes cursor-tracking light sources ✨

100

Simon Le Marchant @marchantweb.com · 10/09/2026

Section Spotlight: Polyhedron Footer Full-sized footer with a 3D prismatic light bleed effect.

110

Simon Le Marchant @marchantweb.com · 09/09/2026

New Voxels component just dropped ■ Renders any 2D/3D shape or your own SVG logo as voxels with realistic lighting and shading. Full control over voxel size, density, materials, and lighting setup.

100

Simon Le Marchant @marchantweb.com · 09/09/2026

Preset Spotlight: Pixel Ink Playing with the parameters on this one. Crank up the Wobble for a more technical glitch look, or adjust particle size and count to shift between dense and sparse vibes. Full gradient color cycle built in, or pick any colors you want 🎨

100

Simon Le Marchant @marchantweb.com · 08/09/2026

Wired up our Page Peel transition to cursor position for the "Shaders for React" hero section. The shader literally peels back to reveal components underneath 🔥

100

Simon Le Marchant @marchantweb.com · 07/09/2026

Excited to see Shaders used in the hero section 🔥 Props to @BarisGirismen for the epic work! x.com/dhh/status/...

000

Simon Le Marchant @marchantweb.com · 07/09/2026

New preset: Bad Projection 📽️ Drop in any SVG logo and turn it into heavily distorted digital projection. Built using our new Obsidian component, available under Shape Effects.

100

Simon Le Marchant @marchantweb.com · 02/09/2026

Got nerd-sniped by @matiNotFound's work and built this 🔦 WebGPU path-tracing in a compute shader pass. Supports multiple light sources with realistic light bounce and surface illumination. Bounce light around your logo. New Irradiance component available now.

100

Simon Le Marchant @marchantweb.com · 01/09/2026

New Nebula effect just dropped 🛰️ Space nebula clouds and stars trapped inside glass. Works with any 2D/3D shape or your own SVG logo.

100

Simon Le Marchant @marchantweb.com · 31/08/2026

Spent a few minutes building this Glass Ribbon effect in the design editor. The way the glass refraction wraps around the chrome layer gives it an interesting hourglass-like look ⌛

100

Simon Le Marchant @marchantweb.com · 27/08/2026

Section Spotlight: Terminal ASCII Footer Flowing ASCII text makes for a high-tech digital look. Customize character set, colors, sizing, etc. Get a prompt to deploy in one shot with your AI agent. shaders.com/sections/te...

010

Simon Le Marchant @marchantweb.com · 26/08/2026

Apple just announced their next event with this sunlight shader look. Spent an hour recreating it in Shaders. Now you can apply the same look to your logo. Link in the thread 🧵 x.com/gregjoz/sta...

120

Simon Le Marchant @marchantweb.com · 26/08/2026

Took our Specular Lines preset and tweaked the colors + glow a bit. Getting some nice prism vibes from this one ✨ shaders.com/collection/...

000

Simon Le Marchant @marchantweb.com · 26/08/2026

New Chrome component just dropped ✨ Upload any SVG logo and turn it into metallic chrome in seconds. Perfect for hero sections that need that extra polish.

100

Simon Le Marchant @marchantweb.com · 25/08/2026

Experimenting with Glass + the new MeshGradient component. The gradient flows underneath while the glass refracts it. Stack them together and you get some pretty wild 3D looks. Works especially well with logos 👀

000

Simon Le Marchant @marchantweb.com · 24/08/2026

The real magic happens when you stack effects. This demo layers two @paper shaders ported to WebGPU: "heatmap" + "lens distortion". Simple combination, crazy result.

100

Simon Le Marchant @marchantweb.com · 21/08/2026

You can now get those distorted, subtle-motion gradients for your next hero section background in seconds 👀 New MeshGradient component dropped today in v3.1.457. Drag it in, tweak props like color, seed, softness, etc. and ship it!

The shaders.com design editor showcasing the new MeshGradient component.

100

Simon Le Marchant @marchantweb.com · 14/07/2026

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...

shaders.com

Introducing Shaders v3 — Shaders

Everything new in Shaders v3, from the redesigned editor to our lightweight TypeGPU rendering engine.

041

Simon Le Marchant @marchantweb.com · 03/03/2026

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

000

Simon Le Marchant @marchantweb.com · 23/02/2026

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 ✨

010

Simon Le Marchant @marchantweb.com · 11/02/2026

Luxury details in 5 minutes flat...

130

Simon Le Marchant @marchantweb.com · 10/02/2026

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

810918

Reposted by Simon Le Marchant

Alexander Lichter @thealexlichter.com · 13/01/2026

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.

041

Reposted by Simon Le Marchant

Hugo @hugorcd.com · 24/10/2025

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 !

0131

Simon Le Marchant @marchantweb.com · 02/10/2025

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.

622117

Simon Le Marchant @marchantweb.com · 18/02/2025

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

0111

Simon Le Marchant @marchantweb.com · 14/02/2025

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

3110

Simon Le Marchant @marchantweb.com · 11/01/2025

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

5220

Simon Le Marchant @marchantweb.com · 10/01/2025

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.

020

Simon Le Marchant @marchantweb.com · 08/01/2025

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

050

Simon Le Marchant @marchantweb.com · 08/01/2025

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.

030

Simon Le Marchant @marchantweb.com · 03/01/2025

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

060

Simon Le Marchant @marchantweb.com · 29/12/2024

Officially out-of-office getting ready for the newborn to arrive... doesn't mean I can't tinker in the meantime... #vue #tsl

060

Simon Le Marchant @marchantweb.com · 04/12/2024

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."

040

Simon Le Marchant @marchantweb.com · 04/12/2024

@vueconf.us is in Tampa, FL this year?! Oh hell yeah. You guys are on my turf now 🥳

020

Simon Le Marchant @marchantweb.com · 17/11/2024

Just learned about @tailscale.com for the first time. Mind blown.

160

Simon Le Marchant @marchantweb.com · 07/11/2024

"... you will use #threejs TSL to write your shaders... 😵‍💫"

0120

Simon Le Marchant @marchantweb.com · 03/11/2024

I have a new handle @marchantweb.com - guess this means things are getting kinda serious 👉👈

010

Simon Le Marchant @marchantweb.com · 02/11/2024

#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...

010