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

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

The design platform for web shaders

WGSL Parser and Reflection library

Extend Three.js standard materials with your own shaders!

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.

A node.js-style module system for GLSL!

Optional WebGL fragment helpers for moonshine React apps

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

Various utilities related to Three.js

<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

Three Blocks devtools command engine for npx three-blocks; the runtime lives in three-blocks/devtools and the Vite plugin

WebGL shaders used across various Scribe surfaces on web.

Native Springs Shaders

drei-inspired helpers for threejs

Minimal WebGPU shader library

Extension to Three.js InstancedMesh supporting per-instance uniform values

[](https://opensource.org/licenses/MIT) [](https://www.npmjs.com/package/@mlightcad/three-renderer)

Liquid metal shader effects for React: rings, buttons, metal text and badges, with glow, proximity reflections and cursor light (v2 — Paper Shaders liquidMetal engine)

Paper Shaders ported to SkSL for React Native Skia: mesh gradients and friends on iOS, Android, and web.