Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing OpenShaders. I’m building the home shaders deserve. Discover, build, publish, and install shaders made to ship. Open source. WebGL/WebGPU. One click away. Claim your username and reveal your unique shader. 🧵

David Haz

11,338 subscribers

44,893 views • 2 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

58 Comments

David Haz2 days ago

An honor to have you! 🙏

David Haz2 days ago

The name you claim today will be your handle when the full platform opens. Your handle generates a one-of-one shader, with its own colors, effects, and rarity. Here are a few examples. Show me what your name creates.

David Haz2 days ago

OpenShaders will bring discovery, a live shader editor and publishing together. Find shaders you love, learn how they work, build your own, and share them. Then take them into real websites. Already in development. Free and open source.

(dm)ytro kondakov2 days ago

This might be the first time I claimed my first name in any product ever

David Haz2 days ago

I hope it was worth it, and will continue to he 🙏🥹

David Haz2 days ago

To be*

gokhan2 days ago

I'm gonna use this as a personal background in my screenshot tool

David Haz2 days ago

Looks nice 🫡👀

François Best2 days ago

It’s got MacOS X Snow Leopard vibes, I like it!

David Haz2 days ago

It’s beautiful 🥹

François Best2 days ago

Man I miss that era..

David Haz2 days ago

Ooooh, this brings me back

Edoardo Lunardi2 days ago

No way this is so accurate 🔥

David Haz2 days ago

There's beauty in randomness 🙇‍♂️

grim2 days ago

not too shabby 🔥

David Haz2 days ago

Halftone is good! 🔥

Mayte CG2 days ago

Here's mine 😁 Love the CRT vibes!

Jay Vegad ⓧ2 days ago

I'm in 🎉

Dunsin🎙️2 days ago

Ohhhhhh coool

David Haz2 days ago

I hope you got one you like! 👀

Dunsin🎙️2 days ago

It was okay.... Joking, I did like it, love the color too😂

David Haz2 days ago

Yeah I know you vibe with blue! 👀

Dunsin🎙️2 days ago

Blue is my colour 💙😍

grim2 days ago

YOU COOKED

David Haz2 days ago

THANK YOU

David Haz2 days ago

sick! Welcome aboard!

David Haz2 days ago

clean!

gsimone2 days ago

I'm in 🕶️

David Haz2 days ago

Legend!

Travis Fischer2 days ago

just snagged 'travis' :) hmmm the export video should use the light mode like i had in the webapp really sexy lil site!

David Haz2 days ago

Woah, I think you got the 1% rarity!

Abhinav2 days ago

lfg ❤️

Stas Kulesh2 days ago

Loving the scale and ambition

David Haz2 days ago

Will do my absolute best. Thank you!

jonas2 days ago

claimed and shared !

David Haz2 days ago

Welcome!

Hoang Nguyen1 day ago

Got mine

David Haz1 day ago

very nice! welcome aboard!

Chase Davis2 days ago

Bravo. Please don’t give Chase bank my handle when they ask it for it some day. I am sure this will be a beautifully executed platform based on react bits and can’t wait to try it out. It’s similar in spirit to something I’ve been toying with for years so I know how hard this is! OSS is a great call to get the community involved

David Haz2 days ago

I promise it will remain yours haha!

Chase Davis2 days ago

Or my number…

FromNow2 days ago

Just claim @ lawson

David Haz2 days ago

I saw it! Welcome aboard!

lisham2 days ago

video launch skills very high quality

Shubhu2 days ago

i'm all in, but no underscore in usernames?

David Haz2 days ago

I'll update and allow underscores for those who need it

Shubhu2 days ago

can i change mine to positronx_👀

Chris 🧱2 days ago

Looks so damn awesome

David Haz2 days ago

Thanks man!

Felipe Castor1 day ago

Cool

Filip ↟2 days ago

Cool 🔥 Can't wait to see what you built David.

David Haz2 days ago

So good!

Sammie 🔥 👩‍💻2 days ago

Amazing 🙌🏻🔥🔥

David Haz2 days ago

Wooo!

Harsh2 days ago

Lesgoo , Congratulations for the launch !

David Haz2 days ago

The actual launch is soon! This is just a small gift and heads up! Your shader looks very nice too!

Grenish Rai2 days ago

I like where this is going.

David Haz2 days ago

To the moon!

Related Videos

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 views • 9 months ago

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

35,464 views • 9 months ago

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

18,629 views • 9 months ago

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 canvas Pick one, copy source, integrate, ship.

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 canvas Pick one, copy source, integrate, ship.

Paul Bakaus

143,927 views • 5 months ago

Meet the new Shaders connector Hundreds of animated, WebGPU-powered presets from shaders now one prompt away inside any Bolt project. The easiest way to give your build the kind of visual polish that used to take custom work.

Meet the new Shaders connector Hundreds of animated, WebGPU-powered presets from shaders now one prompt away inside any Bolt project. The easiest way to give your build the kind of visual polish that used to take custom work.

bolt.new

10,292 views • 4 months ago

🧊 Technical Showcase: A full WebGPU 3D engine that maps shader geometry to your DOM elements. Martin's gpu-curtains gives you lights, shadows, compute shaders, glTF, and instancing, but the real trick is how it turns your divs into scrollable, resizable shader planes without any coordinate math. The successor to curtains.js, rebuilt from scratch. 🔗 #WebGPU #CreativeCoding #Shaders #WebDev #3D

🧊 Technical Showcase: A full WebGPU 3D engine that maps shader geometry to your DOM elements. Martin's gpu-curtains gives you lights, shadows, compute shaders, glTF, and instancing, but the real trick is how it turns your divs into scrollable, resizable shader planes without any coordinate math. The successor to curtains.js, rebuilt from scratch. 🔗 #WebGPU #CreativeCoding #Shaders #WebDev #3D

WebGL / WebGPU

10,971 views • 6 months ago

Introducing Orbkit 🔮 A collection of 30+ free and open-source WebGL shader orbs for AI and voice agent states, built with React, TypeScript, and shadcn. Each orb reacts to idle, thinking, and speaking out of the box. Install one, copy the code, and make it yours. Thanks Xor ! Most of these shaders were referenced from the work he posts here. Go check out his account, it's a goldmine of shader art. Link: 👇🏼

Introducing Orbkit 🔮 A collection of 30+ free and open-source WebGL shader orbs for AI and voice agent states, built with React, TypeScript, and shadcn. Each orb reacts to idle, thinking, and speaking out of the box. Install one, copy the code, and make it yours. Thanks Xor ! Most of these shaders were referenced from the work he posts here. Go check out his account, it's a goldmine of shader art. Link: 👇🏼

shawn.

35,781 views • 5 days ago

GPU Canvas is now live for everyone. Rive's low-level GPU layer for 3D, shaders, and custom effects is out of Early Access and in the production editor today. Write your shaders once in WGSL. Rive compiles them for Metal, Vulkan, Direct3D, WebGPU, and WebGL. It adds 25KB to the runtime.

GPU Canvas is now live for everyone. Rive's low-level GPU layer for 3D, shaders, and custom effects is out of Early Access and in the production editor today. Write your shaders once in WGSL. Rive compiles them for Metal, Vulkan, Direct3D, WebGPU, and WebGL. It adds 25KB to the runtime.

Rive

26,152 views • 7 days ago

We built to ship shaders on Now it's open source. ▪︎ Minimal agent-first WebGPU library ▪︎ Run in the browser or headless Node.js ▪︎ Render in CPU sandboxes and CI tests ▪︎ Create reusable .wgsl modules

We built to ship shaders on Now it's open source. ▪︎ Minimal agent-first WebGPU library ▪︎ Run in the browser or headless Node.js ▪︎ Render in CPU sandboxes and CI tests ▪︎ Create reusable .wgsl modules

Vercel

913,212 views • 14 days ago

$I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!$

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!

Danny Limanseta

203,685 views • 5 months ago

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

David Haz

1,419,909 views • 1 month ago

Made some major improvements to my WebGPU water shader (thanks Ghislain Girardot for the feedback!) Fixed a bug where waves weren't propagating and implemented JONSWAP spectrum for more realistic wave grouping. Hitting ~70FPS @ 2K res on my Macbook M1 Pro #threejs #webgpu #shaders

Made some major improvements to my WebGPU water shader (thanks Ghislain Girardot for the feedback!) Fixed a bug where waves weren't propagating and implemented JONSWAP spectrum for more realistic wave grouping. Hitting ~70FPS @ 2K res on my Macbook M1 Pro #threejs #webgpu #shaders

Dan Greenheck

18,852 views • 9 months ago

Say goodbye to 0x addresses And hello to 𝙪𝙣𝙞.𝙚𝙩𝙝 – your unique web3 username 🦄 Your uni.eth is a readable username that makes it easy to receive crypto and build your web3 profile 🫡 Claim your uni.eth for free in the Uniswap mobile app ⤵️

Uniswap

1,048,997 views • 2 years ago

Welcome to Shaders town with your local Shaderboi and software engineer, Yassir Solomah 0:00 Intro 0:17 Building and using a shader fill 1:26 Using generative plugins 2:27 Shader effects 3:00 Figma Make integration 4:12 Outro

Welcome to Shaders town with your local Shaderboi and software engineer, Yassir Solomah 0:00 Intro 0:17 Building and using a shader fill 1:26 Using generative plugins 2:27 Shader effects 3:00 Figma Make integration 4:12 Outro

Figma

32,387 views • 2 months ago

Want to speed up your shader workflow in Unity 6? 🎨 With the Shader Graph template browser, you can skip the initial setup entirely and start with prebuilt templates for Lit Shaders, 2D Sprites, and Fullscreen Effects, or turn your own Shader Graphs into reusable templates.

Want to speed up your shader workflow in Unity 6? 🎨 With the Shader Graph template browser, you can skip the initial setup entirely and start with prebuilt templates for Lit Shaders, 2D Sprites, and Fullscreen Effects, or turn your own Shader Graphs into reusable templates.

Unity for Games

15,052 views • 17 days ago

Introducing auto-publish on Manus! Building a site with Manus just got faster to ship. →Manus deploys each successful build to your live URL →Off by default so you control what goes public →Queue your changes + auto-publish = wake up to a finished site The last manual step between building and shipping is now removed.

Introducing auto-publish on Manus! Building a site with Manus just got faster to ship. →Manus deploys each successful build to your live URL →Off by default so you control what goes public →Queue your changes + auto-publish = wake up to a finished site The last manual step between building and shipping is now removed.

Manus

55,228 views • 2 months ago

🎉 Play Showcase: Thousands of particles. Real physics. Your browser. Juan Cazala (cazala) built Party, a WebGPU playground where you tweak gravity and collisions live while compute shaders handle the chaos. Open it, touch the sliders, lose forty minutes. 🔗 #WebGPU #ParticleSystem #CreativeCoding #ComputeShaders #GraphicsProgramming

🎉 Play Showcase: Thousands of particles. Real physics. Your browser. Juan Cazala (cazala) built Party, a WebGPU playground where you tweak gravity and collisions live while compute shaders handle the chaos. Open it, touch the sliders, lose forty minutes. 🔗 #WebGPU #ParticleSystem #CreativeCoding #ComputeShaders #GraphicsProgramming

WebGL / WebGPU

12,837 views • 7 months ago

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Techartist

3,104,340 views • 1 year ago

#devtober day 22 - magma ball visual arrangement This was one of the trickier ones to date, and was the first to require 2 unique shaders -- a wobbly lava one and a decal to let me partially "reveal" a lava texture in the travel path.

#devtober day 22 - magma ball visual arrangement This was one of the trickier ones to date, and was the first to require 2 unique shaders -- a wobbly lava one and a decal to let me partially "reveal" a lava texture in the travel path.

TreyH

12,642 views • 10 months ago

With Bitrig Remote, you can now install apps directly onto your Home Screen and publish builds to TestFlight, all from the palm of your hand.

With Bitrig Remote, you can now install apps directly onto your Home Screen and publish builds to TestFlight, all from the palm of your hand.

Bitrig

38,392 views • 2 months ago