介绍
欢迎使用 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 协议 开源,您可以自由使用、修改和分发。