Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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 Aufrufe • vor 1 Tag •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

58 Kommentare

Profilbild von David Haz

David Hazvor 1 Tag

An honor to have you! 🙏

Profilbild von David Haz

David Hazvor 1 Tag

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.

Profilbild von David Haz

David Hazvor 1 Tag

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.

Profilbild von (dm)ytro kondakov

(dm)ytro kondakovvor 1 Tag

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

Profilbild von David Haz

David Hazvor 1 Tag

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

Profilbild von David Haz

David Hazvor 1 Tag

To be*

Profilbild von gokhan

gokhanvor 1 Tag

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

Profilbild von David Haz

David Hazvor 1 Tag

Looks nice 🫡👀

Profilbild von François Best

François Bestvor 1 Tag

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

Profilbild von David Haz

David Hazvor 1 Tag

It’s beautiful 🥹

Profilbild von François Best

François Bestvor 1 Tag

Man I miss that era..

Profilbild von David Haz

David Hazvor 1 Tag

Ooooh, this brings me back

Profilbild von Edoardo Lunardi

Edoardo Lunardivor 1 Tag

No way this is so accurate 🔥

Profilbild von David Haz

David Hazvor 1 Tag

There's beauty in randomness 🙇‍♂️

Profilbild von grim

grimvor 1 Tag

not too shabby 🔥

Profilbild von David Haz

David Hazvor 1 Tag

Halftone is good! 🔥

Profilbild von Mayte CG

Mayte CGvor 1 Tag

Here's mine 😁 Love the CRT vibes!

Profilbild von Jay Vegad ⓧ

Jay Vegad ⓧvor 1 Tag

I'm in 🎉

Profilbild von Dunsin🎙️

Dunsin🎙️vor 1 Tag

Ohhhhhh coool

Profilbild von David Haz

David Hazvor 1 Tag

I hope you got one you like! 👀

Profilbild von Dunsin🎙️

Dunsin🎙️vor 1 Tag

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

Profilbild von David Haz

David Hazvor 1 Tag

Yeah I know you vibe with blue! 👀

Profilbild von Dunsin🎙️

Dunsin🎙️vor 1 Tag

Blue is my colour 💙😍

Profilbild von grim

grimvor 1 Tag

YOU COOKED

Profilbild von David Haz

David Hazvor 1 Tag

THANK YOU

Profilbild von David Haz

David Hazvor 1 Tag

sick! Welcome aboard!

Profilbild von David Haz

David Hazvor 1 Tag

clean!

Profilbild von gsimone

gsimonevor 1 Tag

I'm in 🕶️

Profilbild von David Haz

David Hazvor 1 Tag

Legend!

Profilbild von Travis Fischer

Travis Fischervor 1 Tag

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

Profilbild von David Haz

David Hazvor 1 Tag

Woah, I think you got the 1% rarity!

Profilbild von Abhinav

Abhinavvor 1 Tag

lfg ❤️

Profilbild von Stas Kulesh

Stas Kuleshvor 1 Tag

Loving the scale and ambition

Profilbild von David Haz

David Hazvor 1 Tag

Will do my absolute best. Thank you!

Profilbild von jonas

jonasvor 1 Tag

claimed and shared !

Profilbild von David Haz

David Hazvor 1 Tag

Welcome!

Profilbild von Hoang Nguyen

Hoang Nguyenvor 1 Tag

Got mine

Profilbild von David Haz

David Hazvor 1 Tag

very nice! welcome aboard!

Profilbild von Chase Davis

Chase Davisvor 1 Tag

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

Profilbild von David Haz

David Hazvor 1 Tag

I promise it will remain yours haha!

Profilbild von Chase Davis

Chase Davisvor 1 Tag

Or my number…

Profilbild von FromNow

FromNowvor 1 Tag

Just claim @ lawson

Profilbild von David Haz

David Hazvor 1 Tag

I saw it! Welcome aboard!

Profilbild von lisham

lishamvor 1 Tag

video launch skills very high quality

Profilbild von Shubhu

Shubhuvor 1 Tag

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

Profilbild von David Haz

David Hazvor 1 Tag

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

Profilbild von Shubhu

Shubhuvor 1 Tag

can i change mine to positronx_👀

Profilbild von Chris 🧱

Chris 🧱vor 1 Tag

Looks so damn awesome

Profilbild von David Haz

David Hazvor 1 Tag

Thanks man!

Profilbild von Felipe Castor

Felipe Castorvor 1 Tag

Cool

Profilbild von Filip ↟

Filip ↟vor 1 Tag

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

Profilbild von David Haz

David Hazvor 1 Tag

So good!

Profilbild von Sammie 🔥 👩‍💻

Sammie 🔥 👩‍💻vor 1 Tag

Amazing 🙌🏻🔥🔥

Profilbild von David Haz

David Hazvor 1 Tag

Wooo!

Profilbild von Harsh

Harshvor 1 Tag

Lesgoo , Congratulations for the launch !

Profilbild von David Haz

David Hazvor 1 Tag

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

Profilbild von Grenish Rai

Grenish Raivor 1 Tag

I like where this is going.

Profilbild von David Haz

David Hazvor 1 Tag

To the moon!

Ähnliche 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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 4 Monaten

🧊 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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 4 Tagen

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 Aufrufe • vor 7 Tagen

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 Aufrufe • vor 14 Tagen

$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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 16 Tagen

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 Aufrufe • vor 1 Monat

🎉 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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

#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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 2 Monaten