This is the vanilla JS of Paper Shaders. You can also find framework specific wrappers
``` import { MeshGradient, DotOrbit } from '@paper-design/shaders-react';
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.
Shader magic for modern frontends
Extend Three.js standard materials with your own shaders!
WGSL Parser and Reflection library
A node.js-style module system for GLSL!
Jagratara library for utilities, tools and generic models
Create a Scriptable bundle from JSX
WebGL shaders used across various Scribe surfaces on web.
Minimal WebGPU shader library
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
## Usage
This is the vanilla JS of Paper Shaders. You can also find framework specific wrappers
Node-based Shader Composition!
drei-inspired helpers for threejs
Write GPU shader tests as easily as regular unit tests. Test WGSL and WESL shaders with vitest or your favorite Node.js test framework.
Extension to Three.js InstancedMesh supporting per-instance uniform values
Native Springs Shaders
A webpack loader for glsl shaders - includes support for nested imports.
Create a Scriptable bundle from your project
A wrapper for the "resolve" module that targets GLSL shaders instead of JavaScript
WGSL shader modules for jag-draw
GPU-accelerated 2D rendering and UI toolkit