是时候好好安利下 LuLu UI 框架了！

你问我有什么不同？

只是更自由，更纯粹，和用户走得更近。

官方网站：https://l-ui.com/

项目主页：https://github.com/yued-fe/lulu

API文档：LuLu UI API中文文档

你好，LuLu！

LuLu UI 是一个基于 jQuery，针对 PC 网站，兼容 IE8+ 或 IE7+ 的前端 UI 框架，包含 20+ 静态或动态 UI 组件。

贴近用户

LuLu UI 更温暖，更自然，更亲近，更关注细节和用户体验，对用户侧非常友好，因此，非常适合面向外部用户的网站开发。有别于 Ant Design 这类更适合中后台开发的UI框架。

上手简单

LuLu 整个项目就是提供一些 UI 组件的 JS 和 CSS，很纯粹的 JS 和 CSS，没有任何矫揉造作的“变身”处理。

因此，想要使用 LuLu UI，直接引入 CSS 和 JS 文件地址就可以使用了。HTML还是原来的 HTML，CSS 还是原来的 CSS。什么 Vue 什么 MV* 什么高大上概念完全不需要掌握，参照文档，复制复制，粘贴粘贴，效果就出来了。

API 文档参见：LuLu UI API中文文档

使用场景广泛

LuLu UI 既保留了 jQuery 插件即插即用的特性，也支持适合多人合作的模块化加载方式，因此适用场景更加广泛。

例如：

• 单人完成的某个简单运营活动页，需要个弹框提示功能，可以直接引入 LuLu UI 中的 Dialog.js，就可以使用了。
• 某网站看中了 LuLu UI 某一个组件，例如日期选择功能，想拿过来使用，<script> 引入日期选择 JS，然后就可以使用了。
• 对于多人合作大型项目，可以使用类似 seajs 这样的加载器进行模块化加载与开发。

所有组件无论是单独使用，还是体系内使用，文档均提供了 demo 演示。

成熟

LuLu UI 2015 年就诞生了，到现在已经有 3 年了，跟那些年轻的 UI 框架不同，LuLu UI 可是见过很多世面的，谦逊内敛不聒噪，没必要大肆鼓吹，口碑说话。

开源是件严肃的事情，LuLu UI 一直认为，如果组件还没有达到不动如山的境地，那就应该继续埋头打磨。这么多年过去了，经过对内对外多个大中小型项目的验证与打磨，无论是交互细节还是代码本身细节，LuLu UI 现在都已经可以做到不显山露水了。

体验好

LuLu UI 不会把什么“极致体验”挂在嘴上，极致是没有尽头的。LuLu UI 也就做到用户使用无感知这种程度。

举个例子，如果用户是通过鼠标点击按钮打开的弹框，则弹框界面平平无奇；如果用户是通过ENTER回车键点击按钮打开的弹框，则弹框中的按钮默认会 outline 高亮！

见下面截屏示意：

除了多年不断优化的无数交互小细节，LuLu UI 还适配 retina 视网膜屏幕，同时支持屏幕阅读设备无障碍访问，以及很少 UI 框架支持的 keyboard 键盘无障碍访问。坐下，坐下，都是基本操作而已。

代码学习素材

LuLu UI 的 JS 代码非常适合萌新参考与学习。

层次简单，逻辑清晰，注释详尽与规范，代码朴实无华，没有炫技，非常适合阅读和理解，是不可多得的学习素材。

与众不同的设计思想

表现为3点：

1. 面向设计理念；
2. 没有版本概念；
3. 面向HTML开发

面向设计理念让 LuLu UI 在视觉和交互表现上更有情感，更有温度；摒弃面向功能那种大而全开发思想，于是 LuLu UI 的代码更加简约，组件更轻便灵活。

LuLu UI 框架是没有版本的概念，只有一个唯一的母体在慢慢迭代。当面对一个新的项目，拷贝这个母体，然后这个拷贝的 LuLu UI 就和项目耦合在一体，与母体没有任何关系，你就可以根据设计需求、产品需求任意修改项目中的 LuLu UI 的 CSS 和 JS，从而保证视觉还原，产品品质和开发质量。

面向 HTML 开发，使得 LuLu UI 更语义，对辅助设备更友好，同时技术栈更偏向 HTML 和 CSS，也使得广大 JS 相对偏弱，在视觉表现较强的前端更容易上手，可以更友好地还原设计和增强体验。

LuLu UI 所有与众不同的设计思想，都是方便外部用户，方便体验侧前端同学进行开发，方便设计师视觉还原和创意实现，归根结底可以有更好的用户体验和产品品质。如果是面向中后台开发的UI框架，则会面向数据，面向功能设计，组件应用会规避书写 CSS 和 HTML，以方便开发侧前端同学进行开发。可见不同产品形态和不同用户群体决定了不同了 UI 框架设计理念。

设计师同事一定会很喜欢 LuLu UI 框架的。

稀缺性

既懂设计又会代码同时在体验方向有较多积累的前端是稀缺的。所以，LuLu UI 也是稀缺的，在 PC 端用户侧网站开发上，LuLu UI 有着不可匹敌的竞争力！

阅文前端荣誉出品

感谢前腾讯诸位同事，现阅文诸位同事在 LuLu UI 建设上的帮助。

标签： LuLu, UI, 屏幕阅读器, 无障碍网页应用, 框架, 用户体验, 键盘