shaders
WebGPU components for React, Vue, Svelte, Solid, JS & Framer
- cli
- javascript
- mcp
- react
- shaders
- solid
- svelte
- vue
- webgpu-shaders
- Stars
- 1,257
- Forks
- 42
- + today
- +31
- Created
- 8d
Ranking data as of October 6, 2026 (UTC).
Star History
Today, hour by hour
Overview
WebGPU components for React, Vue, Svelte, Solid, JS & Framer It ranks #7 on GitTiger, gaining +31 stars on October 6, 2026 (UTC).
The project is written in TypeScript and has 42 forks. It was created 8d ago.
What it is
`shader-effects-inc/shaders` describes itself as WebGPU components for React, Vue, Svelte, Solid, JavaScript, and Framer. Its README preview presents a component-based way to use WebGPU effects in interface and visual projects.
Described capabilities
The preview lists more than 200 effects, including gradients, noise, glass, metal, lighting, distortions, transitions, blurs, and cursor effects. It says effects can be nested, blended, and masked. A design editor is also mentioned, but the available preview cuts off before explaining its capabilities. The classification tags include JavaScript, React, Solid, shaders, and MCP; the description itself does not explain an MCP integration.
Getting started
Setup instructions and prerequisites were not supplied in the available evidence. Consult the repository README for current usage and setup details. The feature list above reflects the repository's own description and preview, not independent verification.
git clone https://github.com/shader-effects-inc/shaders.git
cd shaders
# see README for setupFrequently Asked Questions
Which frameworks are named?
React, Vue, Svelte, Solid, JavaScript, and Framer.
What kinds of effects are listed?
Gradients, noise, glass, metal, lighting, distortions, transitions, blurs, and cursor effects, among others.