Libraries.dev Metal — 液態金屬 Shader React 元件

• URL: https://www.threads.com/share/_lqAZX0IZ/
• Date Saved: 2026-09-08
• Source: Threads (@bing_sunzhi)
• Tags: design-tools, dev-tools
• Repo: https://github.com/Jakubantalik/Libraries.dev (⭐ ~3K)

Summary

介紹 Libraries.dev 的 Metal 元件，把即時液態金屬 Shader 直接包成 React 元件：

• 按鈕外圍有流動金屬光暈，游標靠近會產生凹陷效果
• 旁邊元素可吃到反射效果
• 可套用在 Button、Icon、文字、Badge
• 不用從零寫 WebGL，直接用 React component
• 適合丟給 Claude Code / Codex 直接裝進現有專案，讓普通 CTA 多一點質感和記憶點
• Libraries.dev 定位：High-crafted UI libraries for AI agents（包含 Border beam、Orbs、Metal、Gooey、Image 等效果）