shadertoy-react-textures

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

v1.1.4 URL: https://unpkg.com/shadertoy-react-textures@1.1.4/lib/shadertoy-react.min.js

Open Browse Files

shadertoy shader glsl webgl react

@mediamonks/image-effect-renderer

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 images or video sources. Zero dependencies.

v2.4.1 URL: https://unpkg.com/@mediamonks/image-effect-renderer@2.4.1/image-effect-renderer.umd.cjs

Open Browse Files

fragment shader webgl image video effect shadertoy glsl shader oneshader

@thi.ng/webgl-shadertoy

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

v0.4.169 URL: https://unpkg.com/@thi.ng/webgl-shadertoy@0.4.169/index.js

Open Browse Files

animation browser canvas graphics shader-ast shadertoy texture typescript webgl

fragment-canvas

Easily render a GLSL fragment shader on an HTML canvas

v1.0.9 URL: https://unpkg.com/fragment-canvas@1.0.9/dist/index.js

Open Browse Files

webgl canvas glsl fragment shader shadertoy

gl-toy

Create quick WebGL demo's using glslify

v2.0.3 URL: https://unpkg.com/gl-toy@2.0.3/index.js

Open Browse Files

glslify webgl shader shaders boilerplate kickstart shadertoy ecosystem:stackgl