Shaders

Shaders (shaders.com) turns GPU-accelerated WebGPU visual effects into a declarative component library: hundreds of shader components in generative (Aurora, Plasma) and filter (Blur, Glow) families, nestable and composable, with wrappers for React, Vue, Svelte and Solid. The base component library is open source (npm package shaders) and presets are browsable online; the preset exporter, visual editor and MCP interface (for AI coding assistants) are paid Pro. Together with vgpu and ThreeUI in this directory it completes the front-end graphics set.

1. Browse hundreds of presets on the Presets page.
2. Install shaders via npm and drop effects into pages as components.
3. AI-coding users can go through the Pro MCP interface.

• WebGPU effects as nestable declarative components
• React/Vue/Svelte/Solid wrappers
• Open-source base, browsable presets
• Pro adds visual editor and AI interface