The Vibeary — tag
shader
16 resources in The Vibeary tagged "shader" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

ShaderGradient
Animated 3D gradient meshes exportable as React components, Figma fills or Framer layers with camera and colour controls.

colormap-shaders
GLSL shader implementations of over 100 named colormaps for use in WebGL and GPU visualisations.

Svader
Svelte library for building components whose surface is rendered by a WebGL or WebGPU fragment shader, handling sizing and lifecycle.

perfect-retroshaders
Pixel-perfect CRT, LCD and Game Boy shader presets tuned for retro handheld screens and integer scaling.

phenomenon
Two-kilobyte low-level WebGL wrapper designed for instanced particle scenes with custom shaders and no scene graph.

Liquid Orb Editor
Real-time WebGPU liquid-glass sphere editor with 11 presets, URL-hash parameter sharing, and export to standalone HTML or SwiftUI/Metal code.

glitchGL
Universal WebGL glitch effect layer that applies RGB split, slice and noise passes over existing page elements.

ShaderExpo
Browser WebGL shader playground for writing, previewing and sharing fragment shaders used as page backgrounds.

webgl-crt-shader
Tweakable CRT shader for a web canvas with scanlines, curvature, bloom and phosphor controls exposed as parameters.

Constellation Dice
Unity URP glass die with a nebula and per-face constellations, all raymarched in one pass on the default cube.
Fayaaa
WebGPU playground that reads the shape of an uploaded image, text or mark and burns it as animated fire in the browser.

revealed
WebGL library that stacks two images and lets the pointer, scroll or your own state paint a noise-carved hole through the top one.

instantshader
Zero-dependency WebGL library for animated mesh-gradient backgrounds: seamless loops, mounts to any element, exports frames.
Hypnagogic Quasicrystals
Browser playground for animated quasicrystal interference patterns with tunable tempo, density and palettes, custom shader rendering, and a WebXR mode.
Liquid Metal
Animated liquid-metal border component for React with fluid chrome-like reflections and tunable motion parameters.

liquid-glass-studio
WebGL2 and WebGPU recreation of Apple's liquid glass with tunable refraction, dispersion, blur and shadow parameters in a live playground.