{"id":"shaders","name":"Shaders","url":"https://wunderlust.xyz/r/shaders","category":"three","category_label":"3D & WebGL","tags":["webgl","open-source","free","paid","mcp"],"short":"Library of GPU/WebGPU-accelerated visual effects","what":"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.","uses":"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."],"links":{"official":"https://shaders.com/"},"image":"https://wunderlust.xyz/media/shaders-poster.jpg","video":"https://wunderlust.xyz/media/shaders.webm","share_image":"https://wunderlust.xyz/og/r/shaders.jpg","similar":["canvas-ui","three-js","spline","vgpu","liquid-logo","react-three-fiber"],"added_on":"2026-11-06","pt":{"name":"Shaders","short":"Biblioteca de efeitos visuais acelerados por GPU/WebGPU","what":"Shaders é uma biblioteca de efeitos visuais acelerados por GPU e WebGPU, na forma de componentes de shader para Vue, React, Svelte, Solid e JS puro. Tem uma biblioteca open source e uma plataforma Pro.","uses":"Para aplicar efeitos criativos de shader a uma página web sem escrever shaders do zero.","benefits":["Componentes de shader para Vue, React, Svelte, Solid e JS puro","Efeitos acelerados por GPU/WebGPU","Pacote npm “shaders” gratuito e open source","Pro com editor visual, MCP e exportação de código"],"caveats":["A biblioteca é gratuita e open source; o Pro é pago, e o preço não aparece na página principal."]},"schema_version":1}
