# Shaders

> Library of GPU/WebGPU-accelerated visual effects

- Category: 3D & WebGL (`three`)
- Tags: `webgl`, `open-source`, `free`, `paid`, `mcp`
- Official: https://shaders.com/
- Wunderlust: https://wunderlust.xyz/r/shaders
- Image: https://wunderlust.xyz/media/shaders-poster.jpg
- Video preview: https://wunderlust.xyz/media/shaders.webm
- Added: 2026-11-06

## What it is

Shaders is a library of GPU- and WebGPU-accelerated visual effects, as shader components for Vue, React, Svelte, Solid and plain JS. It has an open-source library and a Pro platform.

## What it’s for

For applying creative shader effects to a web page without writing shaders from scratch.

## Benefits

- Shader components for Vue, React, Svelte, Solid and plain JS
- GPU/WebGPU-accelerated effects
- Free, open-source “shaders” npm package
- Pro with a visual editor, MCP and code export

## Caveats

- The library is free and open source; Pro is paid, and the price isn't shown on the main page.

## Similar on Wunderlust

- [Canvas UI](https://wunderlust.xyz/r/canvas-ui.md): Effects for HTML content, with WebGL and WebGPU versions
- [Three.js](https://wunderlust.xyz/r/three-js.md): JavaScript library for 3D graphics on the web
- [Spline](https://wunderlust.xyz/r/spline.md): Browser 3D tool for creating interactive scenes and publishing them to the web
- [vgpu](https://wunderlust.xyz/r/vgpu.md): TypeScript library for WebGPU
- [Liquid Logo](https://wunderlust.xyz/r/liquid-logo.md): Turns a logo into liquid metal with Paper Shaders
- [React Three Fiber](https://wunderlust.xyz/r/react-three-fiber.md): React renderer for Three.js: 3D scenes as JSX components