# Shaders: 199 ready-to-use WebGPU components for React, Vue, Svelte and JavaScript

Canonical source : [Shaders: 199 ready-to-use WebGPU components for React, Vue, Svelte and JavaScript](<https://sebastien.rigaux.be/en/tech-watch/links/shaders-199-ready-to-use-webgpu-components-for-react-vue-svelte-and-javascript>)

This documentation lists over 190 ready-to-use visual components for integrating WebGPU effects into React, Vue, Svelte, Solid, and plain JavaScript. The components span a wide range: textures, shapes, materials, filters, distortions, transitions, blurs, adjustments, and interactive effects, each with a concrete description of its rendering and parameters. A resource to quickly enrich an interface with advanced visual effects without writing low-level shaders.

- Selected on : 2026-10-16

- Entry updated : 2026-11-07T20:32:37+0000

- Format : Documentation

- Source language : EN

- Credit : Shaders

Original resource : [Shaders: 199 ready-to-use WebGPU components for React, Vue, Svelte and JavaScript](<https://shaders.com/docs/components>)

Tags : WebGPU · [Animation](<https://sebastien.rigaux.be/en/tech-watch/tags/animation>) · [UI/UX](<https://sebastien.rigaux.be/en/tech-watch/tags/ui-ux>)

Available versions : [Français](<https://sebastien.rigaux.be/veille/liens/shaders-199-composants-webgpu-prets-a-l-emploi-pour-react-vue-svelte-et-javascript>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/shaders-199-ready-to-use-webgpu-components-for-react-vue-svelte-and-javascript>)

[Back to tech watch](<https://sebastien.rigaux.be/en/tech-watch>)