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 提交。

许可证

本项目采用 木兰开源协议。