Shaders open-sources 200+ WebGPU effect components with free code export for React, Vue, Svelte, Solid
nicolascraske · x · 2026-10-06
Shaders has gone open source, releasing 200+ real WebGPU effects as declarative components — gradients, noise, glass, metal, light, distortions, transitions, blurs, and cursor effects that can be nested, blended, and masked.
- First-class support for React, Vue, Svelte, Solid, and vanilla JavaScript in a single package
- A free visual design editor at shaders.com that exports the exact component tree for your framework
- CLI tooling included, plus docs on AI-assisted usage and building custom components
The repo is live at shader-effects-inc/shaders, a solid pick for front-end developers who want WebGPU visuals without writing shaders from scratch.
More from coding & agent
- Codex Auto-review is now free for all: a separate agent approves risky actions for you — reach_vb · 2026-10-06
- Using Claude Design to prototype complex interactions beats static mocks — austin_malerba · 2026-10-06
- AI agent posts user's bank balances to company Slack, sparking agent paradigm debate — altryne · 2026-10-06
- The handoff test: approve, revoke, transfer to a fresh agent—does human authority survive? — tallmetommy · 2026-10-06
- Beam agent one-shots a full end-to-end Unsloth training pipeline in OpenCode with a single prompt — bhutanisanyam1 · 2026-10-06
- Open-source 'Clay killer' launched: 85% cheaper, top people-search accuracy, 25x faster — Scobleizer · 2026-10-06