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

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 ff-tracking

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.

Mustafa Saraç (@0xsarac)MIT
Preview of R3F Sketch Material

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.

Abhishek Verma (@abhishekmill)MIT
Preview of Clearwater

Clearwater

Infinite FFT ocean and pool studies compiled from CUDA to WGSL, running live in the browser over WebGPU with weather and camera controls.

SamG-Coder (@SamGCoder)MIT
Preview of crt-shader

crt-shader

Multi-pass CRT reconstruction for images and 3D scenes, with adapters for plain WebGL, React, Three.js, pmndrs postprocessing and R3F.

Brooklyn (@OutThisLife)MIT
Preview of Seasons Lake

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.

@MonsterOne1MIT
Preview of logo-intro

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.

CheatGTM (@CJ10110425)MIT
Preview of wled-toy

wled-toy

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

Music-Engineunknown
Preview of Foldy

Foldy

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

InsaneArtsopen-source
Preview of duo_animation

duo_animation

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

@narayann7MIT
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