The Vibeary — tag
refraction
8 resources in The Vibeary tagged "refraction" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection
liquid-glass
Headless React lens component that actually refracts the live page underneath it rather than faking blur.
Fractal Glass Effect Generator
Generates fractal-glass refraction distortion overlays that can be applied to images and backgrounds.
liquidglass (ybouane)
Framework-agnostic web library producing glass surfaces with realistic refraction, chromatic edges and configurable blur falloff.
glassy-liquid
Liquid Glass control library for the web: nineteen iOS 26 style components with real refraction, as Web Components plus React, Vue and Svelte bindings, about 36 kB gzip.
Splash
Music player viewed through rain-soaked glass: WebGL refraction composites water splashes that grow with the track's beats via Web Audio, and you can wipe the glass clean.
amazing-glass
Liquid glass web components for plain HTML, React and Vue that actually refract the page using Snell's law, with ten ready-made controls.
Hyalite
Real refraction liquid glass for the web using SDF lens maps, SVG displacement, and backdrop-filter — one file, no WebGL.
Infinite Liquid Glass
WebGPU liquid-glass carousel demo with real-time refraction and chromatic dispersion, built on three.js TSL node materials.