21:44向阳乔木@vista8一个网站整理了Web和App常见组件、动效名称以及网页设计风格术语,如Liquid Glass(液态玻璃)、Neumorphism(新拟物)等。帮助用户在Vibe Coding中更精准地向AI描述交互效果。该资源可提升前端设计与AI协作的效率,减少沟通模糊性。技巧Vibe CodingLiquid GlassNeumorphism推荐理由:这个网站整理了组件和动效的名字,比如Liquid Glass、Neumorphism,用Vibe Coding时直接告诉AI名字就行,省事多了!原文稍后读已读值得跟进有用关注 Vibe Coding
21:07shao__meng@shao__meng精选Andrew Prifer 开源了 Liquid DOM,一个基于 WebGPU 和实验性 HTML-in-Canvas API 的库,用于在 Web 上复现 Apple visionOS/iOS 26 的 Liquid Glass 视觉效果。它通过场景图的三层模型(Scene-Container-Glass/Html)实现光学合成,支持形状融合、折射(折射率默认 1.5)、色散(RGB 分离)、镜面高光等参数。必须使用 WebGPU 和 Chrome flag canvas-draw-element 才能完整运行。AI产品WebGPU开源/仓库Liquid Glass推荐理由:Web 上复刻 Apple 玻璃效果,参数可调原文稍后读已读值得跟进有用关注 WebGPU