Show HN: Shaders – WebGPU effects for front end frameworks

by marchantweb • 11 months ago

2 4 11 months ago

PaulHoule• 11 months ago

… another waitlist, move on folks nothing to see here.

rikroots• 11 months ago

Complete tangent ... but whenever I see something like this waiting list sign up thing, my mind goes back to the famo.us debacle - now 10 years ago. That one didn't end happily: https://news.ycombinator.com/item?id=10520181

Slightly more on-topic: yes, WebGL/WebGPU canvas shader backgrounds are wonderful to behold, but the question I always ask is: are they worth it? Could something less snazzy but coded in HTML/CSS (and maybe a touch of 2D canvas) perform just as well for pulling potential customers into the funnel? Has anyone ever AB tested their animated backgrounds to demonstrate the effectiveness of the investment?

marchantweb• 11 months ago

Hey folks!

Shaders is something I've been working on for a few that is about to enter early access: https://shaders.com

There's a lot of confusion in the frontend space when it comes to going beyond CSS/JS and creating high quality WebGL effects, let alone WebGPU, for landing pages and immersive experiences.

Shaders helps to bridge that gap, making shader effects accessible via declarative, reactive components for Vue, React and Svelte (to start).

Want a linear gradient? Just use that component? Masking, sure. Blend that with another layer, and wrap the whole thing in a mouse distortion effect. It's like After Effects meets frontend components.

For an example of it in action, the background of the landing page is a running WebGPU shader and only about 10-12 lines of simple component code to create.

More updates to come, thanks!!

Skunkyto• 11 months ago

"Off topic: blog posts, sign-up pages, newsletters, lists, and other reading material. Those can't be tried out, so can't be Show HNs. Make a regular submission instead."

https://news.ycombinator.com/showhn.html

Show HN: Shaders – WebGPU effects for front end frameworks

Related Stories