Wunderlust
UI componentsComponentes UI

Liquid Glass JSLiquid Glass JS

WebGL library for glass effects inspired by Apple's Liquid GlassBiblioteca WebGL de efeitos de vidro inspirados no Liquid Glass da Apple

What it isO que é

A JavaScript library using WebGL that recreates Apple's Liquid Glass effect on the web, with real-time refraction, blur and masking, in shapes such as rounded rectangles, circles and pills.

Biblioteca JavaScript com WebGL que recria o efeito Liquid Glass da Apple na web, com refração e desfoque em tempo real e máscaras, em formas como retângulos arredondados, círculos e cápsulas.

What it’s forPara que serve

For adding liquid glass components to web pages, on your own or driven by an agent such as Claude Code.

Para aplicar componentes de vidro líquido em páginas web, sozinha ou conduzida por um agente como o Claude Code.

BenefitsVantagens

  • Real-time refraction and blur
  • Three shapes: rounded rectangle, circle and pill
  • Live demo and MIT license
  • Refração e desfoque em tempo real
  • Três formatos: retângulo arredondado, círculo e cápsula
  • Demo online e licença MIT

CaveatsRessalvas

  • The repository was picked by name; other liquid glass projects exist, so confirm the address before using it
  • O repositório foi escolhido pelo nome; existem outros projetos de liquid glass, então confirme o endereço antes de usar

More like thisParecidas

TiptapUI componentsComponentes UIVanta.jsMotion & animationMotion & animaçãoReact Glass UIUI componentsComponentes UILiquid Logo3D & WebGL3D & WebGLThree.js3D & WebGL3D & WebGLProseMirrorUI componentsComponentes UI

Open the cabinetAbrir o gabinete

Open in WunderlustAbrir no Wunderlust