個人 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.