The Vibeary — tag

liquid-glass

16 resources in The Vibeary tagged "liquid-glass" — 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 liquid-glass (nikdelvin)

liquid-glass (nikdelvin)

Component set of LiquidGlass containers, LiquidText and LiquidButton built purely from CSS and SVG filter primitives.

Nik Delvin (@nikdelvin)open-source
Preview of awesome-liquid-glass

awesome-liquid-glass

Repository of SwiftUI source files reproducing iOS 26 liquid glass morphing, stretch and squash effects.

Stream (@GetStream)MIT
Preview of liquidGL

liquidGL

Runtime glassmorphism layer that samples the page behind an element and renders real refraction, blur and specular highlights in WebGL.

NaughtyDuk (@naughtyduk)open-source
Preview of vaso

vaso

React component wrapping the liquid glass effect with props for blur radius, refraction strength and edge highlight.

Jiachi Liu (@huozhi)MIT
Preview of liquid-glass-js

liquid-glass-js

Apple-inspired glass effects library exposing displacement, blur and highlight layers as a plain JavaScript API.

Armagan Amcalar (@dashersw)MIT
Preview of expo-glass-tabs

expo-glass-tabs

Floating liquid-glass tab bar for Expo Router with minimize-on-scroll behaviour and haptic feedback.

David Mokoš (@davidmokos)MIT
Preview of liquid-glass (archisvaze)

liquid-glass (archisvaze)

Interactive browser demo of an iOS 26 style glass panel you can drag over page content to inspect the refraction math.

Archis Vaze (@archisvaze)open-source
Preview of expo-liquid-glass-native

expo-liquid-glass-native

Expo native module providing Android liquid-glass surfaces, blur layers and glassmorphism interactions through platform rendering APIs.

818jsyMIT
Preview of liquidglass (ybouane)

liquidglass (ybouane)

Framework-agnostic web library producing glass surfaces with realistic refraction, chromatic edges and configurable blur falloff.

(@ybouane)open-source
Preview of liquid-glass (shuding)

liquid-glass (shuding)

Single-file copy-paste Apple-style liquid glass shader built from SVG displacement filters, no framework or build step required.

Shu Ding (@shuding_)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 fluidkit

fluidkit

React library for liquid glass and metaball UI animations, including morphing nav indicators and blob transitions.

Vendo (@runvendo)open-source
Preview of liquid-glass-screens

liquid-glass-screens

Two Expo React Native liquid-glass welcome screens with Skia refraction, swipe-driven sphere motion, and agent copy-paste prompts.

Appllama (@jaimintf)GPL
Preview of Hyalite

Hyalite

Real refraction liquid glass for the web using SDF lens maps, SVG displacement, and backdrop-filter — one file, no WebGL.

@VII-CaeMIT
Preview of Infinite Liquid Glass

Infinite Liquid Glass

WebGPU liquid-glass carousel demo with real-time refraction and chromatic dispersion, built on three.js TSL node materials.

Simon Hedlund (@shadersweden)unknown
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