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!!
PaulHoule•5mo ago
rikroots•5mo ago
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?