GLSL Packages

Process GLSL code with glslify

reads a directory of shaders, compiles them and outputs to another directory

The image-effect-renderer is a lightweight package that allows you to run WebGL fragment shaders in your website using WebGL. It can be used to apply effects to HTML images or video sources. Zero dependencies.

Robert Penner's easing functions in GLSL, available as a module for glslify.

regl is a fast functional WebGL framework.

Import GLSL strings with glslify - based on https://github.com/darionco/esbuild-plugin-glslify

An esbuild plugin to transform inline GLSL strings with glslify

React component for the node-based WebGL Polygonjs design tool

React Three Fiber component for Polygonjs, the WebGL design & animation tool

Rollup plugin for optimising inline GLSL

GLSL shader library used by @renderlayer packages.

A shader-pass tool base on Three.

Vue component for adding GLSL to images

Renderers on modern browser

Hardware accelerated graphics language and un-parser

import your shader file using ES modules.

Import GLSL source files as strings. Pre-processed, validated and optimized with Khronos Group SPIRV-Tools. Supports glslify.

Import GLSL/GLSLX files.

Embedding ray marching in html files only

Rollup plugin for optimising inline GLSL