React Shaders is an open source library for creating GLSL/WebGL shaders in React and Typescript, with support for modern shader bindings like those in Shadertoy and Rysana.
``` import { MeshGradient, DotOrbit } from '@paper-design/shaders-react';
This is the vanilla JS of Paper Shaders. You can also find framework specific wrappers
Shader magic for modern frontends
Extend Three.js standard materials with your own shaders!
WebGL shaders used across various Scribe surfaces on web.
## Usage
Universal React library, write and compose WebGL shaders, implement complex effects using a descriptive paradigm
A node.js-style module system for GLSL!
DOM implementation of gl-react, an universal React library to write and compose WebGL shaders
Framework-agnostic WebGPU runtime for fullscreen WGSL shaders with explicit Svelte, React, and Vue adapter entrypoints.
Minimal WebGPU shader library
Transforms JavaScript into its 'tinyest' form, to be used in generating equivalent (or close to) WGSL code.
Various utilities related to Three.js
A webpack loader for glsl shaders - includes support for nested imports. Re-Written in TypeScript
<h2>What is it ?</h2> <p> Shaders are the next front-end web developpment big thing, with the ability to create very powerful 3D interactions and animations. A lot of very good javascript libraries already handle WebGL but with most of them it's kin
Native Springs Shaders
This is the vanilla JS of Paper Shaders. You can also find framework specific wrappers
Newtone GPU shader pipeline — Pass/Pipeline runtime, signal-driven uniforms, texture utilities, and ready-made shaders for React + Three.js
Current version: 0.2.1
drei-inspired helpers for threejs
React Shaders is an open source library for creating GLSL/WebGL shaders in React and Typescript, with support for modern shader bindings.
Write GPU shader tests as easily as regular unit tests. Test WGSL and WESL shaders with vitest or your favorite Node.js test framework.
A webpack loader for glsl shaders - includes support for nested imports.