shaders MCP Server
shader-effects-inc/shaders
[](https://agentrank-ai.com/tool/shader-effects-inc--shaders/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) WebGPU components for React, Vue, Svelte, Solid, JS & Framer
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
shader-effects-inc/shaders is a TypeScript tool licensed under MIT. WebGPU components for React, Vue, Svelte, Solid, JS & Framer Topics: shaders, cli, javascript, mcp, react, solid, svelte, vue, webgpu-shaders.
Ranked #2280 out of 24846 indexed tools.
In the top 10% of all indexed tools.
Has 4,678 GitHub stars.
Used by 136 other projects.
Ecosystem
Score Breakdown
4,678 stars → well-known project
Last commit 10d ago → recently updated
No issues filed → no history to score
1 contributor → solo project
136 dependents → gaining traction
348,131 weekly installs → widely installed
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
How to Improve
Matched Queries
From the README
<h1 align="center">Shaders</h1> <h3 align="center"> WebGPU effects as components<br />for React, Vue, Svelte, Solid and JavaScript </h3> <p align="center"> <a href="https://www.npmjs.com/package/shaders" rel="noopener noreferrer nofollow"></a> <a href="https://www.npmjs.com/package/shaders" rel="noopener noreferrer nofollow"></a> <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.jsdelivr.com/package/npm/shaders"></a> </p> <a href="https://shaders.com"></a> ```bash npm install shaders ``` ## Table of Contents 1. [Why Shaders?](#why-shaders) 2. [🧩 Components](#-components) 3. [🎨 Design visually, export code](#-design-visually-export-code) 4. [⌨️ CLI](#-cli) 5. [🤖 Using Shaders with AI](#-using-shaders-with-ai) 6. [⚡️ Shaders Pro](#-shaders-pro) 7. [🧪 Build your own component](#-build-your-own-component) 8. [👩🏻⚖️ License](#-license) 9. [💎 Contribute](#-contribute) ## Why Shaders? - **Real WebGPU, declarative API:** 200+ effects you drop inRead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.