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

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

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

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

190

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 · 11/01/2025

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

5220

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 · 10/11/2024

Why have we never considered feet-level monitors before? Also... I swear I don't work in my laundry room.

030

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

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

0120