个人 GitHub 账号下公开仓库的所有者可以登录并验证所有权,自行管理介绍,无需管理员批准。
登录并生成验证文件,在 30 分钟内将其提交到此仓库的默认分支。其他分支或分叉仓库中的文件无效。然后在下方检查文件,即可无需管理员批准直接管理项目。请保留文件以维持管理权限。
如需登录,将前往登录页面。登录后请回到此处,再次点击所选的验证按钮。
在项目文件夹中运行 /nomorevibe verify,即可验证所有权并自行管理介绍。
一分钟完成验证Liquid Glass materials for web and Electron, built with vgpu.
翻译准备中
取自仓库 README
正在加载完整 README。
查看完整 README ↗Glass surfaces and controls for React, the web, and Electron. Clear and Regular materials support light and dark appearances and refract live content.
https://github.com/user-attachments/assets/42b3ebff-2fef-4380-a173-2320d5d0651f
npm install @glass-sdk/liquid-glass@~0.0.2
import { GlassScene, GlassContent, GlassButton } from "@glass-sdk/liquid-glass";
import "@glass-sdk/liquid-glass/styles.css";
<GlassScene style={{ height: 240 }}>
<GlassContent>
<img src="/landscape.jpg" alt="Mountain lake"
style={{ width: "100%", height: "100%", objectFit: "cover" }} />
</GlassContent>
<GlassButton material="regular" style={{ position: "absolute", left: 24, top: 24 }}>
Get started
</GlassButton>
</GlassScene>
React components require React 19+. Rendering requires HTTPS or localhost and an available WebGPU adapter. Safari has known rendering issues; see requirements and limitations.
bun install --frozen-lockfile
bun run dev
The library is in packages/liquid-glass; the examples are in apps/site. See Contributing for checks and pull requests.
MIT.