Tag inspiration archive
Shader Design Inspiration
Curated collection of 54 standout UI, motion, and interaction designs tagged with "Shader" from creators on X.
A playful shader animation turns a letter R into a dense object-det... - Piers Cowburn
A playful shader animation turns a letter R into a dense object-detection style composition with colorful strokes, labels, and bounding boxes.
@pierscowburnanother one, this time using some rotation and different colors. - Minsang Choi
another one, this time using some rotation and different colors.
@radiofun8I heard that you like shaders Here’s my attempt at recreating the A... - Tykra
I heard that you like shaders Here’s my attempt at recreating the Apple Intelligence border glow while I wait for WWDC 2026.
@ty_kra_labBuilt this in @hiunicornstudio light through a prism = complexity →... - Oriku
Built this in @hiunicornstudio light through a prism = complexity → clarity
@Oriku175I built a tool that turns your logo mark into a wispy cloud (link i... - Hunter Thompson
I built a tool that turns your logo mark into a wispy cloud (link in comments)
@hunterthompsonlogo shaders @framer - hashimov
logo shaders @framer
@hashimovkananFramer shaders + QuiverAI svgs - DANN©
Framer shaders + QuiverAI svgs
@DannPettyPlaying with shaders and kaleidoscope effects - Daniel Destefanis
Playing with shaders and kaleidoscope effects
@daniel__designsHad some fun exploring @framer shaders over the weekend and made th... - vijay verma
Had some fun exploring @framer shaders over the weekend and made these posters! Here's a look at the BTS, and Remix link shared.
@realvjythe digital world needs more soul.. wizard » @samdape - Aurelien
the digital world needs more soul.. wizard » @samdape
@Aurelien_GzNeeded some specific controls and didn't like the UX of current too... - Noman
Needed some specific controls and didn't like the UX of current tools so I built myself a dot shader http://iamnoman.com/dot
@NomandsignApple Intelligence motion design build with @paper shaders - Praveen Kumar
Apple Intelligence motion design build with @paper shaders
@praveenisomerIntroducing Radiant: 80+ production-ready shaders and visual effect... - Paul Bakaus
Introducing Radiant: 80+ production-ready shaders and visual effects for the web. 0 dependencies, MIT license. - multiple color themes - ultra-realistic simulations - webgl and 2d...
@pbakausNew little project: trying to get AI to write cool shaders. Try it... - Tim Wilson
New little project: trying to get AI to write cool shaders. Try it out → http://shaderai.com (it's slow and not very good yet)
@actualTimWilsonShader Mixer - Raul
Shader Mixer
@raul_droncahaving fun with shaders for this preview component @paper makes it... - Ridd
having fun with shaders for this preview component @paper makes it absurdly easy
@ridd_designExperimenting with scroll effects using shaders Made using Metal +... - A. Hassan
Experimenting with scroll effects using shaders Made using Metal + SwiftUI.
@azhassan_WIP @framer - Fahlevi
WIP @framer
@fahlevidesignExploring background directions within a single color system, focus... - Martin Strba
Exploring background directions within a single color system, focusing on different motion behaviors.
@m_strbasplash page for a production agency made w/ @by__huy view live → ht... - ivor ^-^
splash page for a production agency made w/ @by__huy view live → https://backhouse.com
@_zujiTerrain like gradient - Daniel Destefanis
Terrain like gradient
@daniel__designsToday's gradient - Daniel Destefanis
Today's gradient
@daniel__designs50 new Background Blocks • 10 full-screen animated Shader backgroun... - Rob Austin
50 new Background Blocks • 10 full-screen animated Shader backgrounds • 40 Grid, Pattern & Mask backgrounds for Heros @shadcnblocks x @shadcn — next-level visuals, ready to use
@ausrobdevWrapping up my day by building a new biotech research lab website u... - The Bugged Dev
Wrapping up my day by building a new biotech research lab website using @GeminiApp 3 pro AI with immersive @threejs scenes shaders and more :D Live: https://genos-green.vercel.app
@thebuggeddevshader backgrounds + liquid glass buttons are a match made in heaven - kush
shader backgrounds + liquid glass buttons are a match made in heaven
@kushsolitaryMade in @rive_app Credit to @munzir_designs for the illustration - Adrian
Made in @rive_app Credit to @munzir_designs for the illustration
@adrianinmotionShaders are come and I’m here for it - Charles Patterson
Shaders are come and I’m here for it
@CharlesPattsonAnother Exploration of Digital Voice Shapes - Martin Strba
Another Exploration of Digital Voice Shapes
@m_strbaInteractive Fluid Simulation as the background of my portfolio webs... - Sarlloc ✭
Interactive Fluid Simulation as the background of my portfolio website Build using threejs, reactjs and typescript
@sarllocWebデザインの祭典 「Studio Design Award」を今年も開催します！ ・グランプリ賞金100万円 ・ノミネート者限定豪... - Joe Ishii ／ Studio
Webデザインの祭典 「Studio Design Award」を今年も開催します！ ・グランプリ賞金100万円 ・ノミネート者限定豪華アフターパーティー ・有名企業による企業賞 ・授賞式限定トークセッション ・最新プロダクト発表 など盛り沢山なので、ぜひご応募お待ちしております！ https://x.com/StudioDesign/status/199...
@ytk141The new @paper's halftone shader is looking cool. Enjoyed experimen... - Maxim Kuznetsov
The new @paper's halftone shader is looking cool. Enjoyed experimenting with it. Now we need ASCII art filter and video support
@disarto_maxThe smoothest dithering you’ll see today. - David Haz
The smoothest dithering you’ll see today.
@davidhdevSmoke wants out. Glass won’t let it. #threejs #glsl #shaders https:... - Fabio Ottaviani
Smoke wants out. Glass won’t let it. #threejs #glsl #shaders https://supah.it/blob/
@supahfunkwebgpu study + first wgsl shader - daniel petho
webgpu study + first wgsl shader
@nonzeroexitcodetried exploring @paper 's new Halftone Shader - Shubh
tried exploring @paper 's new Halftone Shader
@byshubh_Spark - Damonxart
Spark
@damonxartnow make it interactive https://x.com/bruvimtired/status/1991882499... - Aaron
now make it interactive https://x.com/bruvimtired/status/1991882499497267495…
@aaronmahlkeExperimenting with @paper shaders and palette gradients using @iqui... - Cristobal Chao
Experimenting with @paper shaders and palette gradients using @iquilezles' cosine color formula.
@crchaointroducing the shader lines component for @framer add customizable... - Framer University
introducing the shader lines component for @framer add customizable shader lines background to your sites in seconds. comment “SHADER” and i’ll send you the component for free :)
@learnframersomething special for members of the vercel for startups program -... - JohnPhamous
something special for members of the vercel for startups program - shader that's lazily loaded on hover - shader makes a looping triangle pattern collab with @williambout, designe...
@JohnPhamous@NelsonNoa is pushing shaders further than any designer I’ve ever s... - Ridd
@NelsonNoa is pushing shaders further than any designer I’ve ever seen So I asked him to give a behind-the-scenes of the work he’s doing for Genie and the animations and intention...
@ridd_designPaper shaders now in Framer - Charles Patterson
Paper shaders now in Framer
@CharlesPattsonFound a way to shoe-horn a shader into something we are working on. - Dan Hollick
Found a way to shoe-horn a shader into something we are working on.
@DanHollickShader Exploration (Chroma Edition) Made with @hiunicornstudio and... - Yianni Mathioudakis
Shader Exploration (Chroma Edition) Made with @hiunicornstudio and the help of @Shadertoy
@yiannifiveWe just launched Community for Figma Make! Now people can easily pl... - Daniel Destefanis
We just launched Community for Figma Make! Now people can easily play and remix real vibe coded ideas. I'll be posting new files that use shaders, three.js and other fun ideas for...
@daniel__designsMy new experiment with a 3d slider Built with @greensock and NextJS... - Khoa Phan
My new experiment with a 3d slider Built with @greensock and NextJS Vertext and shader: Codegrid
@khoaphan_devAdded more shaders to my lil shader app - Gunnar Gray
Added more shaders to my lil shader app
@gunnargrayWhat about chaos button Metal shader code here https://gist.github.... - vijay verma
What about chaos button Metal shader code here https://gist.github.com/realvjy/803f8862adb02a094f96fd07e00917ee…
@realvjyoh, this is going to be fun entering my WebGL & shader era thanks t... - Hunter Thompson
oh, this is going to be fun entering my WebGL & shader era thanks to @hiunicornstudio
@hunterthompsonA simple gallery brought to life with WebGL and shaders — always sa... - Corentin Bernadou
A simple gallery brought to life with WebGL and shaders — always satisfying to make! #webgl #ogl #shaders #webglgallery
@CorentinBerndu7 days of wildfires in the us————visualized by custom-written layer... - daniel petho
7 days of wildfires in the us————visualized by custom-written layers & shaders w/ deckgl
@nonzeroexitcodeUI/UX Designers, I recently found a cool website for creating beaut... - Abraham John
UI/UX Designers, I recently found a cool website for creating beautiful moving gradients. ShaderGradient is an online tool that helps you design stunning animated gradients. You c...
@AbmankendrickFirst vibecoded three.js mesh gradient feature: influence field! •... - Chase Davis
First vibecoded three.js mesh gradient feature: influence field! • Use mouse position to influence vertex transforms • Plug influence into any other material feature • Shader comp...
@Chase_Davis_SwiftUI shaders + .navigationTransition(.zoom) Kinda crazy how quic... - Theo Panagiotopoulos
SwiftUI shaders + .navigationTransition(.zoom) Kinda crazy how quickly you can put something like this together these days :)
@theopanag7