The Vibeary — tag
shader
25 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.

ff-tracking
Six-second motion piece rendered entirely in code with fframes: a virtual camera films an agent's terminal through one SkSL lens shader while trackers lock onto glyphs.
R3F Sketch Material
React Three Fiber material that draws any mesh as ballpoint pen sketching, with light-following hatching, overshooting outlines, hatched shadows and a wash-out reveal.
Clearwater
Infinite FFT ocean and pool studies compiled from CUDA to WGSL, running live in the browser over WebGPU with weather and camera controls.
crt-shader
Multi-pass CRT reconstruction for images and 3D scenes, with adapters for plain WebGL, React, Three.js, pmndrs postprocessing and R3F.

Seasons Lake
Interactive WebGL2 mountain lake that drifts through a full year in twelve minutes, with photographic skies, ripples, seasonal sound and no build step.

logo-intro
WebGL logo intros from any SVG mark: lens-warped close-up, wordmark reveal, gradient bloom, lock-in ring and shimmer, plus HTML and video export.

wled-toy
Live shader and node-graph editor that authors LED patterns for WLED strips and previews them in the browser.

Foldy
SwiftUI and UIKit library that folds any view like frosted glass with Metal shaders, page turns, and Dynamic Island merges.

duo_animation
Flutter package that folds any widget behind frosted glass from gyroscope tilt, Impeller fragment-shader driven.

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.