{"id":"liquid-glass-js","name":"Liquid Glass JS","url":"https://wunderlust.xyz/r/liquid-glass-js","category":"components","category_label":"UI components","tags":["webgl","open-source","free"],"short":"WebGL library for glass effects inspired by Apple's Liquid Glass","what":"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.","uses":"For adding liquid glass components to web pages, on your own or driven by an agent such as Claude Code.","benefits":["Real-time refraction and blur","Three shapes: rounded rectangle, circle and pill","Live demo and MIT license"],"caveats":["The repository was picked by name; other liquid glass projects exist, so confirm the address before using it"],"links":{"official":"https://github.com/dashersw/liquid-glass-js","other":["https://dashersw.github.io/liquid-glass-js/"]},"image":"https://wunderlust.xyz/media/liquid-glass-js-poster.jpg","video":"https://wunderlust.xyz/media/liquid-glass-js.webm","share_image":"https://wunderlust.xyz/og/r/liquid-glass-js.jpg","similar":["tiptap","vanta-js","react-glass-ui","liquid-logo","three-js","prosemirror"],"added_on":"2026-11-07","pt":{"name":"Liquid Glass JS","short":"Biblioteca WebGL de efeitos de vidro inspirados no Liquid Glass da Apple","what":"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.","uses":"Para aplicar componentes de vidro líquido em páginas web, sozinha ou conduzida por um agente como o Claude Code.","benefits":["Refração e desfoque em tempo real","Três formatos: retângulo arredondado, círculo e cápsula","Demo online e licença MIT"],"caveats":["O repositório foi escolhido pelo nome; existem outros projetos de liquid glass, então confirme o endereço antes de usar"]},"schema_version":1}