Google PageRank for AI agents. 25,000+ tools indexed.

shaders MCP Server

shader-effects-inc/shaders

Score: 78.6 Rank #2280 MCP Server
[![AgentRank](https://agentrank-ai.com/api/v1/badge/shader-effects-inc--shaders)](https://agentrank-ai.com/tool/shader-effects-inc--shaders/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
Are you the maintainer of shader-effects-inc/shaders? Claim this listing →

WebGPU components for React, Vue, Svelte, Solid, JS & Framer

Add AgentRank to Claude Code Discover and compare tools like shader-effects-inc/shaders — your AI finds the right one automatically
Get API Access →
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

TypeScript MIT 348,131 npm/wk
shadersclijavascriptmcpreactsolidsveltevuewebgpu-shaders

Score Breakdown

StarsFreshnessIssue HealthContributorsDependents
Stars 15% 4,678

4,678 stars → well-known project

Freshness 25% 10d ago

Last commit 10d ago → recently updated

Issue Health 25% 50%

No issues filed → no history to score

Contributors 10% 1

1 contributor → solo project

Dependents 25% 136

136 dependents → gaining traction

npm Downloads 13% 348,131/wk

348,131 weekly installs → widely installed

PyPI Downloads N/A
Forks 192
Description Good
License MIT

Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →

How to Improve

Description low impact

Expand your description to 150+ characters for better discoverability

Contributors medium impact

Single-contributor projects carry bus-factor risk — welcoming contributors boosts confidence

Badge all embed codes →

AgentRank score for shader-effects-inc/shaders
[![AgentRank](https://agentrank-ai.com/api/v1/badge/shader-effects-inc--shaders)](https://agentrank-ai.com/tool/shader-effects-inc--shaders/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
<a href="https://agentrank-ai.com/tool/shader-effects-inc--shaders/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/v1/badge/shader-effects-inc--shaders" alt="AgentRank"></a>

Embed Widget docs →

Embed a rich score widget on your site or blog.

<script src="https://agentrank-ai.com/embed.js" data-tool="shader-effects-inc/shaders"></script>

Matched Queries

topic:mcp

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 in
Read full README on GitHub →

Get the weekly AgentRank digest

Top movers, new tools, ecosystem insights — straight to your inbox.