About Refraction Glass Kit
About Refraction Glass Kit
Twelve liquid-glass components for Framer that bend the picture behind them for real: refraction at the bezel, magnification, chromatic edges, a specular rim and spring physics on every change of shape. You get the full board — the flowers wallpaper with every component live on top — and each component as its own code file, ready to drop on any page. One WebGL context serves the whole page, so twenty pieces of glass cost about what one does.
Features
Glass Wallpaper, Surface, Button, Toolbar, Tab Bar, Switch, Slider, Segmented, Island, Morph Menu, Mini Player and Now Playing
Real refraction of the picture behind, not a blur
A tab bar lens that lifts, stretches with speed and lands
A morph menu that melts out of its button as one liquid shape
Light, dark, clear and tinted glass; glass on glass
Works on iPhone and Android; frosted CSS fallback without WebGL 2
Respects Reduce Motion and draws nothing off screen
The board keeps its 16:10 proportions at every width
Download: board + 12 code files, setup guide and licence
Created by LUNAUT Studio.
