@marchantweb

Founder at https://xitter.cf/t.co/Jq8h3jH3GR / @npm_i_shaders. Previously @clerkdev & 15+ yrs creative freelance

 Orlando, FL
shaders.com
Joined January 2023
  • Tweets647
  • Following793
  • Followers1.9K
120Media
Shaders is officially open source. Can't wait to see how you ship magic ✨
shaders
@npm_i_shadersOct 6
Big news. Shaders is now open source 🔥 Use any of our 200+ WebGPU components in your work. Ship magic in a client site, a template, a product, a library, anything. Plus, you can export code for any framework, for free. Give it a star: github.com/shader-effects-in…
17
32
1,399
120,870
This is a launch video 🔥
Christoph Nakazawa
@cnakazawaOct 15
We open sourced Void v1.1.11 and we made a music video for it. void.cloud
1
310
Simon Le Marchant retweeted
David Haz
@davidhazOct 9
Proud to announce shaders.com as the newest reactbits.dev Diamond sponsor! Shaders recently went open source, making this a natural fit for two projects pushing creative web development forward. Thank you @npm_i_shaders / @marchantweb!
3
3
58
2,398
One thing I really love about the Shaders OSS update is this tiny detail: a preview bar where you can visualize any preset in different UI contexts. It's surprising how much heavy lifting it does ✨
1
5
597
Very happy with how simple this workflow is to setup in a new project. DX for the win.
shaders
@npm_i_shadersOct 7
Yesterday we open sourced Shaders. Today your agent gets a skill for it 🔥 Run `npx shaders` in your project. It guides you through setting up Shaders and installing the official skill. Then just ask your agent to ship some shader magic and watch it work.
2
235
Thank you all for the 1K ⭐️ today on github.com/shader-effects-in… ♥️
2
17
1,110
I know it's a lot of bots and CI processes, but it's still cool to see. Small wins 🔥
10
564
Easily the fastest way to design and ship a shader 👀
shaders
@npm_i_shadersSep 28
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.
9
647
Simon Le Marchant retweeted
George
@vanjekSep 23
got to work with @marchantweb on some lovely improvements to @npm_i_shaders still in awe seeing what a solo founder can build these days. rooting for Simon ✊🏻
shaders
@npm_i_shadersSep 23
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
2
1
14
1,518
Simon Le Marchant retweeted
shaders
@npm_i_shadersSep 23
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
3
4
1
50
5,396
Simon Le Marchant retweeted
shaders
@npm_i_shadersSep 15
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.
1
1
10
1,346
Simon Le Marchant retweeted
shaders
@npm_i_shadersSep 14
Section Spotlight: Irradiance Logo Hero Subtle hero section that takes your logo and applies realistic lighting and shading. Includes cursor-tracking light sources ✨
1
2
12
1,381
Simon Le Marchant retweeted
shaders
@npm_i_shadersSep 10
Section Spotlight: Polyhedron Footer Full-sized footer with a 3D prismatic light bleed effect.
1
2
16
1,196
Try the new Voxels component on your logo: shaders.com/collection/voxel…

Voxel Shift — Shaders

Voxel Shift. Open in the design editor to customize and export code for your project.

shaders.com
shaders
@npm_i_shadersSep 9
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.
2
354
Simon Le Marchant retweeted
shaders
@npm_i_shadersSep 9
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 🎨
1
1
10
1,069
Simon Le Marchant retweeted
shaders
@npm_i_shadersSep 7
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.
1
2
10
1,318
Simon Le Marchant retweeted
Matias 🧉
@matiNotFoundSep 3
Turning 30 today! Celebrating by publishing an article on @codrops 🥳
Codrops
@codropsSep 3
✨ From rays to meshes: the making of @vercel's vgpu hero. @matiNotFound breaks down how he turned light into geometry with shaders, glass, and clever performance tricks. See how the magic works: tympanus.net/codrops/2026/09…
19
1
77
4,987
The new Irradiance component can be combined with any other effect in Shaders, like ASCII, for some wild looks 🔥
shaders
@npm_i_shadersSep 2
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.
2
2
1
26
2,966
Simon Le Marchant retweeted
shaders
@npm_i_shadersSep 2
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.
4
2
2
22
4,166
Simon Le Marchant retweeted
shaders
@npm_i_shadersSep 1
New Nebula effect just dropped 🛰️ Space nebula clouds and stars trapped inside glass. Works with any 2D/3D shape or your own SVG logo.
4
2
84
3,835
Load more