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

Preview of ShaderGradient

ShaderGradient

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

ShaderGradient teamfreemium
Preview of colormap-shaders

colormap-shaders

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

kbinani (@kbinani)MIT
Preview of Svader

Svader

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

sockmaster27MIT
Preview of perfect-retroshaders

perfect-retroshaders

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

Yohan Lasorsa (@sinedied)MIT
Preview of phenomenon

phenomenon

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

Colin van Eenige (@vaneenige)MIT
Preview of Liquid Orb Editor

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.

LerSent001MIT
Preview of glitchGL

glitchGL

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

NaughtyDuk (@naughtyduk)open-source
Preview of ShaderExpo

ShaderExpo

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

Anurag Hazra (@anuraghazra)MIT
Preview of webgl-crt-shader

webgl-crt-shader

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

Matt Sephton (@gingerbeardman)open-source
Preview of Constellation Dice

Constellation Dice

Unity URP glass die with a nebula and per-face constellations, all raymarched in one pass on the default cube.

@tantaneityMIT
Preview of Fayaaa

Fayaaa

WebGPU playground that reads the shape of an uploaded image, text or mark and burns it as animated fire in the browser.

XblueprintlabMIT
Preview of revealed

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.

Alex (@idleCyrex)MIT
Preview of instantshader

instantshader

Zero-dependency WebGL library for animated mesh-gradient backgrounds: seamless loops, mounts to any element, exports frames.

@ugo_buildsMIT
Preview of Hypnagogic Quasicrystals

Hypnagogic Quasicrystals

Browser playground for animated quasicrystal interference patterns with tunable tempo, density and palettes, custom shader rendering, and a WebXR mode.

@r34117yunknown
Preview of Liquid Metal

Liquid Metal

Animated liquid-metal border component for React with fluid chrome-like reflections and tunable motion parameters.

Jakub Antalík (@jantalik)free
Preview of liquid-glass-studio

liquid-glass-studio

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

(@iyinchao)open-source