react-shaders  

A TypeScript library for creating GLSL/WebGL shaders with support for modern bindings like Shadertoy's.

• Zero dependencies
• Tiny
• Just works

Install:

npm i react-shaders

Usage:

import { Shader } from 'react-shaders'
import code from './example.glsl'

return (
  <Shader fs={code} />
)

void mainImage(out vec4 O,in vec2 I){
  I=.5-(I/iResolution.xy);
  vec3 col=.5+vec3(I,.5*sin(iTime));
  I*=vec2(1.,iResolution.y/iResolution.x);
  float z=.5*sin((dot(I,I)+iTime*5e-2)/.01);
  O=vec4(col*(1.+z),1.);}