首页 欢迎


ULUI

介绍

ULUI 是一个独特的纯 CSS 组件库。与大多数提供按钮、菜单等基础系统组件的 UI 框架不同，ULUI 专注于提供业务场景驱动的现成组件，例如各种样式的内容列表、数据卡片和描述列表。我们的目标是帮助您快速搭建具体的业务模块，而非从零开始拼装基础元素。ULUI 零依赖、易于集成，让您无需被任何前端框架束缚，即可高效构建功能丰富且美观的界面。

主要特性

  • 原生纯粹：基于原生 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">

或者使用 npm 安装:

npm install ului.css

全部组件文档 http://ului.top/

整体设计原则

  • 简约现代风格：保持简洁、清晰的视觉层次。
  • 卡片化设计：大部分组件采用卡片容器，提供良好的内容分组。
  • 一致的间距系统：使用统一的 padding/margin 规范。
  • 柔和的圆角：4-8px 的圆角，营造友好感。
  • 微妙的阴影：轻量级阴影增强层次感。

核心理念

  • 回归本质：专注于 UI 展现，将样式与行为分离，让开发者自由选择 JavaScript 方案。
  • 轻量高效：只提供最核心、最常用的组件，避免臃肿，确保性能。
  • 开箱即用：无需编译，无需配置，一个 CSS 文件即可开始使用。

浏览器兼容性

  • 现代浏览器（Chrome, Firefox, Safari, Edge）的最新版本。
  • 不支持 IE 浏览器。

贡献指南

我们欢迎任何形式的贡献！如果您有任何建议或发现 Bug，请通过 Issues 提交。

许可证

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