Skip to content

介绍

欢迎使用 Liquid Glass UI!这是一个现代化的液态玻璃UI组件库,专为追求极致视觉体验的开发者而设计。

什么是 Liquid Glass UI?

Liquid Glass UI 是一个轻量级的CSS组件库,采用现代玻璃态设计风格,提供丰富的UI组件。它的特点是:

  • 🎨 现代设计语言:采用流行的玻璃态(Glassmorphism)设计风格
  • ⚡ 极致性能:纯CSS实现,无JavaScript依赖,体积小巧
  • 📱 响应式设计:完美适配各种设备和屏幕尺寸
  • 🔧 易于集成:只需引入CSS文件即可使用
  • 🎯 高度可定制:提供丰富的CSS变量支持主题定制

设计理念

玻璃态美学

我们的设计灵感来源于现实世界中的玻璃材质,通过CSS的backdrop-filter和透明度特效,创造出具有深度感和现代感的UI界面。

简约而不简单

每个组件都经过精心设计,在保持简洁的同时提供丰富的交互反馈和视觉层次感。

开发者友好

我们相信好的工具应该让开发变得更简单。因此,Liquid Glass UI 的API设计直观易用,文档详尽,让您能够快速上手。

浏览器兼容性

Liquid Glass UI 支持所有现代浏览器:

  • Chrome ≥ 51
  • Firefox ≥ 47
  • Safari ≥ 9
  • Edge ≥ 16

注意

由于使用了 backdrop-filter 等现代CSS特性,在不支持的旧浏览器中可能无法显示完整的玻璃效果,但基本功能仍然可用。

社区与支持

开源协议

Liquid Glass UI 基于 MIT 协议 开源,您可以自由使用、修改和分发。

Released under the MIT License.