The design platform for web shaders

``` import { MeshGradient, DotOrbit } from '@paper-design/shaders-react';

This is the vanilla JS of Paper Shaders. You can also find framework specific wrappers

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.

webgl-noise shaders ported to work with glslify

Extend Three.js standard materials with your own shaders!

A wrapper for the "resolve" module that targets GLSL shaders instead of JavaScript

WebGL shaders used across various Scribe surfaces on web.

A webpack loader for glsl shaders - includes support for nested imports.

Svelte components for @paper-design/shaders

Native Springs Shaders

WGSL minifier for WebGPU shaders - WebAssembly build

Drawing patterns with glsl shaders on modern browsers.

This is the vanilla JS of Paper Shaders. You can also find framework specific wrappers

colormaps for glsl shaders

Write shaders in TypeScript, compiled at build time to WGSL, with a tiny WebGPU runtime. Write TypeScript. Lift Shaders. Ship Shredded.

A transform stream for glslify that adds an `import` directive to your shaders.

A webpack loader for glsl shaders - includes support for nested imports. Re-Written in TypeScript

Create GLSL shaders with typescript for Three.js

Universal React library, write and compose WebGL shaders, implement complex effects using a descriptive paradigm