The Vibeary — tag

glassmorphism

10 resources in The Vibeary tagged "glassmorphism" — 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 glasscn-ui

glasscn-ui

Glassmorphism variant layer over shadcn/ui components with blur, translucency and layered depth tokens.

@itsjaviMIT
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 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-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 haze

haze

Background blur and glass material effects for Jetpack Compose and Compose Multiplatform.

Chris Banes (@chrisbanes)Apache-2.0
Preview of glass-ui

glass-ui

CSS component library implementing the glassmorphism spec across cards, navbars, buttons and form controls.

Themesberg (@themesberg)MIT
Preview of WashiVeil

WashiVeil

shadcn registry of 40+ glass components on a warm washi-paper ground, with CJK typography, tri-color tokens and WCAG 2.2 AA defaults.

Alex Chih (@tochny)MIT
Preview of GlassKit

GlassKit

CSS component library of 24 glassmorphism components styled after iOS surfaces, usable without any JavaScript framework.

JUNGHERZMIT
Preview of css.glass

css.glass

Visual generator for glassmorphism panels that outputs backdrop-filter CSS with live blur, transparency, border and outline controls.

Mike Tromba (@miketromba)free
Preview of Glass3D

Glass3D

Browser generator that produces layered CSS for realistic glass refraction effects, exporting the rules straight into your stylesheet.

Kris (@kris-kay)free