{"data":{"slug":"shaders","name":"Shaders","tagline":"MIT WebGPU effects as components — React, Vue, Svelte, Solid, plain JS","category":"libraries","categoryName":"Libraries","url":"https://shaders.com","github":"https://github.com/shader-effects-inc/shaders","pricing":"freemium","hook":"Shaders makes GPU effects declarative: a `<Shader>` canvas whose children are layers — gradients, noise, glass, metal, distortions, transitions, cursor trails — blended top to bottom on the GPU, with the same props in every framework.","whatsGood":"Engine, 200+ components, and framework bindings are MIT (shader-effects-inc/shaders; npm `shaders` 4.0.2, 2026-10-07). One package with React, Vue, Svelte, Solid, and JS entries; TypeScript and SSR-safe. Agent-ready: `npx shaders skill` installs a skill, `npx shaders@latest install-mcp` wires an MCP server into Claude Code, Cursor, Codex and others, and shaders.com/llms.txt indexes the docs. Free visual design editor that exports the component tree. ★~2.7k.","theCatch":"Real WebGPU, and the README does not describe a WebGL fallback — check your browser support targets before using it on critical UI. The design editor, CLI sync, and MCP need a shaders.com account, and the editor, presets, and sections are under separate platform terms, not MIT. The 1,000+ presets, ready-made sections, watermark-free renders, and the Framer plugin are paid Pro. Vs pixijs or babylonjs (full renderers you program): Shaders is drop-in effect components, not a scene graph or game engine.","verdict":"MIT WebGPU effect components when a landing page needs GPU polish without writing WGSL — free engine, paid preset library, no documented WebGL fallback.","addedAt":"2026-10-08","featured":false,"domain":"Graphics & 3D","subSpecialty":"Renderers","subcategory":"Renderers","tags":["free-tier","permissive","graphics-3d","active","young-repo","fast-stars"],"capabilities":["webgpu","effects","components"],"surfaces":["Hosted"],"ecosystem":["Browser","Node.js"],"licenseModel":"Freemium","githubStars":5082,"starsPerWeek":1729,"access":"free","archived":false,"repo":{"createdAt":"2026-09-29","pushedAt":"2026-10-09","license":"MIT","archived":false,"checkedAt":"2026-10-19"}},"related":[{"slug":"hono","name":"Hono","tagline":"Tiny TypeScript web framework that runs on every runtime"},{"slug":"phaser","name":"Phaser","tagline":"MIT HTML5 2D game framework with scenes, physics, and tilemaps"},{"slug":"pixijs","name":"PixiJS","tagline":"MIT 2D WebGPU/WebGL renderer, not a game engine"},{"slug":"babylonjs","name":"Babylon.js","tagline":"Apache-2.0 3D engine for the web, now on v9"},{"slug":"playcanvas","name":"PlayCanvas","tagline":"MIT WebGL2/WebGPU engine plus an optional hosted Editor"}],"links":{"self":"/api/gems/shaders","html":"/gems/shaders","markdown":"/gems/shaders.md","category":"/api/gems?category=libraries","categoryPage":"/stacks/libraries"}}