Solid Glass

Liquid Glass is an open-source library of glass surfaces and controls for React, the web, and Electron, developed by Glass-HQ and built with vgpu. Its Clear and Regular materials support light and dark appearances and refract live content; the package provides components such as GlassScene, GlassContent, and GlassButton for wrapping interfaces in a glass scene. It is distributed through npm as @glass-sdk/liquid-glass under the MIT license. Rendering requires HTTPS or localhost and an available WebGPU adapter, and the project notes known rendering issues in Safari.

A framework-free WebGL2 package for rendering Apple-inspired translucent glass surfaces for folders, rectangles, pills, and circles. Its renderer models screen-space refraction using a squircle signed-distance-field thickness field, Snell refraction with a meniscus rim, variable-blur scattering, Fresnel reflection, chromatic dispersion, edge highlights, contact shadows, hit testing, and live backdrops. It provides the original frosted V1 renderer and a separate clear optical V2 renderer, each with its own material contract; both can be used together. The package is distributed through npm, requires WebGL2, accepts CSS-pixel element coordinates, and can load image backdrops.

Shaders is an open-source WebGPU component library and design platform from Shader Effects, Inc. It provides declarative effects for React, Vue, Svelte, Solid, JavaScript, and Framer, including gradients, noise, glass, metal, lighting, distortions, transitions, blurs, and cursor effects. Components render as GPU-blended layers that can be nested, masked, and composed without writing shader code. Its visual editor at shaders.com lets users arrange components on an infinite canvas, adjust their properties, connect them to cursor or timeline inputs, and export the resulting component tree. The accompanying CLI connects a project to a Shaders account, detects the framework, installs selected effects as component files, and can search, preview, and update them. Custom components can be defined with JavaScript objects and WGSL pixel code. The engine, components, framework bindings, and npm package are MIT-licensed; the hosted editor, presets, and other platform features have separate terms.

shadcn/ui is an open-source collection of accessible UI components and a code distribution platform for building custom component libraries. It distributes component source code directly into consuming projects, where developers can customize, extend, and build on the components across supported web frameworks. Documentation is available at ui.shadcn.com/docs, and the project is licensed under the MIT license.

Hyalite is a JavaScript library for real-refraction liquid-glass effects on the web. It models an element as a glass slab with a bevelled edge, computes a signed-distance-field lens map for its rounded-rectangle geometry, applies Snell's-law refraction, and feeds the resulting displacement and edge-light data into an SVG filter used through backdrop-filter. It supports per-corner radii, configurable bevel, thickness, slope, dispersion, shading, rim light, resizing, and materialization effects. The library is distributed as a single file with no WebGL or build step. Its watch and attach APIs manage matching or individual elements, rebuild maps when geometry changes, cache maps across similar sizes, and provide fallback CSS behavior. The refraction effect is rendered in Chromium-based browsers; Safari and Firefox use the supplied fallback because their SVG backdrop-filter support is incomplete. Hyalite is released under the MIT license by VII-Cae (VII).