Shadertoy Packages

A friendly web-component for writing and rendering shaders.

Basic WebGL scaffolding for running interactive fragment shaders via @thi.ng/shader-ast

React component that let's you easily render a shader on a canvas by simply passing a fragment shader, following the shadertoy syntax, and logic, so you don't have to worry about passing basic uniforms, or setting up the webgl scene to do that, all the wo

Shadertoy like functionality as a portable js library.

render ShaderToy demos to PNG

Create quick WebGL demo's using glslify

Displays raymarching shaders from shadertoy. You must add a key for your shadertoy API in the state command I.E. key=AAAAAA

A threejs material that helps to make use of ShaderToy shader code on meshes

Shader based audio processing stream

Easily render a GLSL fragment shader on an HTML canvas

A Shadertoy renderer using WebGPU

Utility for using a Shadertoy material as a texture.

This project demonstrates the integration of a ShaderToy shader in a React app using Three.js and Vite.

The image-effect-renderer is a lightweight package that allows you to run WebGL fragment shaders in your website using WebGL. It can be used to apply effects to HTML image or video sources.

Pipedream Shadertoy Components