LuLu UI是阅文集团荣誉出品的前端UI组件库。
形象气质如下图,更柔软,更亲近,同时简单单纯,对用户侧非常友好,因此,LuLu UI非常适合面向外部用户的网站开发。
- LuLu UI API中文文档(GitHub托管,访问有延迟)
- LuLu UI API中文文档(国内服务器托管,速度可以)
LuLu整个项目就是提供一些UI组件的JS和CSS,很纯粹的JS和CSS,没有任何矫揉造作的“变身”处理。
因此,想要使用LuLu UI,直接引入CSS和JS文件地址就可以使用了。
HTML还是原来的HTML,CSS还是原来的CSS。
什么Vue什么MV*什么高大上概念完全不需要掌握,参照文档,复制复制,粘贴粘贴,效果就出来了。
LuLu UI既保留了传统插件即插即用的特性,也支持适合多人合作的模块化加载方式,因此适用场景更加广泛。
- 单人完成的某个简单运营活动页,需要个弹框提示功能,可以直接引入LuLu UI中的Dialog.js,就可以使用了。
- 某网站看中了LuLu UI某一个组件,例如日期选择功能,想拿过来使用,
<script>
引入日期选择JS,然后就可以使用了。 - 对于多人合作大型项目,可以使用类似seajs,require.js这样的加载器进行模块化加载与开发。
- 对于Vue或者React项目,想要使用某个组件,但又不希望引入一大堆东西,则LuLu UI非常合适,支持Vue/React单独引入。
LuLu UI诞生到现在已经有好几年了,跟那些年轻的UI框架不同,LuLu UI可是见过很多世面的,谦逊内敛不聒噪,没必要大肆鼓吹,口碑说话。
开源是件严肃的事情,LuLu UI一直认为,如果组件还没有达到不动如山的境地,那就应该继续埋头打磨。这么多年过去了,经过对内对外多个大中小型项目的验证与打磨,无论是交互细节还是代码本身细节,LuLu UI现在都已经可以做到不显山露水了。
LuLu UI支持retina视网膜,同时支持aria无障碍访问,以及极少UI框架支持的keyboard键盘无障碍访问。坐下,坐下,都是基本操作而已。
借助扎实的前端基础知识,LuLu UI有着很多创新的细节打磨,举个例子:如果用户是通过鼠标点击按钮打开的弹框,则弹框界面平平无奇;如果用户是通过ENTER回车键点击按钮打开的弹框,则弹框中的按钮默认会outline
高亮!
所有资源都在/theme/
目录下,目前支持3个主题:
- modern主题。基于jQuery,兼容IE7+,针对PC网站。分sass, css和js 3个目录,如果你不想要sass,那这个文件夹就不用管。图片资源在css目录下。
- peak主题。基于jQuery,兼容IE8+,针对PC网站。分sass, css和js 3个目录,如果你不想要sass,那这个文件夹就不用管。图片资源在css目录下。
- pure主题。原生JavaScript编写,兼容IE9+,PC,Mobile网站通用。分css和js 2个目录,没有图片资源目录,所有图像CSS内联。
组件分ui和comp两个目录,前者是UI组件,后者是基于UI组件整合的前端解决方案。
更具体信息可以参见:文档-使用与发布
因为IE7大势已去,目前modern主题已停止维护。
MIT License