⬢github TypeScript · 1.6K ★ +876 since we first saw it · pushed 2 h ago · MIT
shader-effects-inc/shaders
WebGPU components for React, Vue, Svelte, Solid, JS & Framer
Shaders is a TypeScript library providing 200+ WebGPU visual effects (gradients, noise, glass, blurs, cursor effects, transitions) as declarative components for React, Vue, Svelte, Solid, and plain JavaScript. Effects nest and blend on the GPU via a <Shader> component, and a free visual design editor at shaders.com exports the component code for your framework.
Why now: It's trending among newly starred repos after a recent release, gaining attention for its cross-framework WebGPU component approach and its AI/MCP integration plus 'design visually, export code' editor.
Who it is for: Frontend and design engineers who want GPU-powered visual effects in web apps without writing shader code by hand.
clijavascriptmcpreactshaderssolidsveltevuewebgpu-shaders
Stars over our 48 snapshots: 682 to 1.6K, since 12 h ago.
Where people talked about it
- ⬢github new repos, most starred 6 min ago
- ⬢github new repos, most starred 6 h ago
API: https://socialmediatrends-api.osmike.com/v1/repos/shader-effects-inc/shaders