The Vibeary — tag

liquid-glass

25 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 glassy-liquid

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.

@9und30MIT
Preview of iglass

iglass

Liquid Glass theme for iTerm2 and Ghostty on macOS and Linux, built from Apple system colors with four glass levels and contrast-checked light and dark palettes.

@vukktMIT
Preview of g1455

g1455

Liquid Glass design system for Flutter with refraction, blur, tint and rim over the live backdrop; every component documented live with guide, code and API.

@PlugFoxMIT
Preview of Scrubbers

Scrubbers

Twelve tactile SwiftUI sliders, from jelly and liquid glass to thermostat and squiggle, each a distinct control dropped in with one Scrubber view and enum.

Haplo (@haplollc)MIT
Preview of amazing-glass

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.

@tomaccoMIT
Preview of Liquid Glass Chat UI

Liquid Glass Chat UI

Expo React Native chat cookbooks with liquid-glass portraits, interactive stories, floating composers and reversible gesture-driven conversations.

Appllama (@jaimintf)MIT
Preview of expo-adaptive-glass

expo-adaptive-glass

Adaptive native glass surfaces for Expo and React Native that scale blur, refraction and highlights to device capability and live frame rate.

@rbayuoktMIT
Preview of Liquid Glass Claude Skill

Liquid Glass Claude Skill

Claude Skill for liquid-glass and glassmorphism UI with material tiers, accessible contrast and platform fallbacks.

@ArmitanematiMIT
Preview of Plasma UI

Plasma UI

React components that render liquid-glass panels with refraction, blur fallbacks, and a live parameter playground.

Crux GardenMIT
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 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 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