shader-effects-inc/shaders
WebGPU components for React, Vue, Svelte, Solid, JS & Framer
From the publisher
README & documentation
Source previewRead the project’s overview, installation instructions and usage examples. The original README is the source of truth.
Shaders WebGPU effects as componentsfor React, Vue, Svelte, Solid and JavaScript Every effect is a component. renders the canvas; its children are layers, evaluated top to bottom and blended on the GPU. Get started with Shaders for React. Get started with Shaders for Vue. Get started with Shaders for Svelte. Get started with Shaders for Solid. Get started with Shaders for JavaScript. Browse all 200+ components, each with a live preview and every prop documented. Most people don't write their effects by hand. They design them. The design editor at shaders.com is an infinite canvas where you stack components, tune every prop with real controls, drive props from the cursor or a timeline, and see the result live. When it looks right, Export Code gives you the component tree in your framework, ready to paste. Design and export are free with an account. Your work is saved as projects you…
Read the full README ↗ · Preview checked 2026-10-07T12:32:06.141Z
Inside the original README — Document outline
- Table of Contents
- Why Shaders?
- 🧩 Components
- React
- Vue
- Svelte
- Solid
- JavaScript
- 🎨 Design visually, export code
- ⌨️ CLI
- 🤖 Using Shaders with AI
- ⚡️ Shaders Pro
Headings are captured from the source. Links open the publisher’s document, not a locally hosted copy.
Links from the README
References supplied by the publisher, not independently verified endorsements. Check the destination before downloading files or entering credentials.
Documentation belongs to its respective authors. Reported project/model license: MIT. A listing is not a grant of reuse or training rights. Confirm the document’s own terms at the source.
What this repository does
WebGPU components for React, Vue, Svelte, Solid, JS & Framer
Repository facts
- Owner
- shader-effects-inc
- Primary language
- TypeScript
- Stars
- 2,025
- Forks
- 66
- Open issues + pull requests
- 1
- License
- MIT
- Archived
- No
- Default branch
- main
- Created
- 2026-09-29T16:36:26.000Z
- Last push
- 2026-10-07T03:27:56.000Z
Topics and intended use
Owner-supplied topics: cli, javascript, mcp, react, shaders, solid, svelte, vue, webgpu-shaders
Review the README for scope, installation, examples and limitations. We do not run repository code or certify it.
Evaluate before installing
Review licensing and dependencies, inspect recent commits and unresolved issues, and test in an isolated environment before production use. Stars and forks alone cannot answer these questions.
Source and freshness
Source: GitHub. Metadata observed 2026-10-07T12:07:06.715Z. Daily imports are snapshots, not real-time monitoring.
Popularity and source listings do not establish security, suitability, licensing rights or benchmark performance.