ULUI
介绍
ULUI 是一个轻量、独立的纯 CSS 组件库,为您的 Web 项目提供简洁、一致的 UI 解决方案。它零依赖、易于集成,帮助您快速构建美观的界面,而无需被任何前端框架所束缚。
主要特性
- 原生纯粹:基于原生 CSS 和 HTML,不依赖任何前端框架(如 Vue/React),确保轻量与灵活。
- 代码即用:文档提供 HTML、SCSS、CSS 及 uniapp 代码块,支持一键复制。
- 移动端兼容:大部分组件兼容手机端,并可在文档中直接预览效果。
- 持续迭代:现有组件力求稳定,原则上不再调整。后续将持续完善并增加更多常用组件,目标是覆盖大部分 Web 界面场景。
- 插件精选:整理并推荐了多款主流 JavaScript 插件,方便开发者查找和集成。
- 跨平台兼容:可轻松应用于任何支持 CSS 的环境,包括原生 Web 开发、WebView 以及各类模板引擎。
使用说明
只需要引入文件即可:
//ului.top/cdn/ului.css
比如:
<link rel="stylesheet" href="//ului.top/cdn/ului.css">
全部组件文档 http://ului.top/
整体设计原则
- 简约现代风格:保持简洁、清晰的视觉层次。
- 卡片化设计:大部分组件采用卡片容器,提供良好的内容分组。
- 一致的间距系统:使用统一的
padding/margin规范。 - 柔和的圆角:4-8px 的圆角,营造友好感。
- 微妙的阴影:轻量级阴影增强层次感。
核心理念
- 回归本质:专注于 UI 展现,将样式与行为分离,让开发者自由选择 JavaScript 方案。
- 轻量高效:只提供最核心、最常用的组件,避免臃肿,确保性能。
- 开箱即用:无需编译,无需配置,一个 CSS 文件即可开始使用。
浏览器兼容性
- 现代浏览器(Chrome, Firefox, Safari, Edge)的最新版本。
- 不支持 IE 浏览器。
贡献指南
我们欢迎任何形式的贡献!如果您有任何建议或发现 Bug,请通过 Issues 提交。
许可证
本项目采用 木兰开源协议。