About LuLu UI
LuLu UI is a component library for desktop and mobile web development, produced by China Literature Group’s front end team. China Literature was formed by the merger of Tencent Literature, which represents QQ Reading, and Shanda Literature, which represents Qidian.com. LuLu UI was started in 2015 and has successfully supported several large-scale projects of 10 million PV. It has been iterated and optimized for many years. It is a mature free open source framework.
And now most of the UI component library, LuLu UI only encapsulates the functionality, not encapsulate UI, so it is a design oriented “encapsulation” component library, characteristic is more soft, more close, simple and flexible, at the same time on the user side is very friendly, very suitable for external users oriented PC web site, or need to be lightweight and agile projects.
Technical features of LuLu UI
Development and use suggestions
LuLu UI was born in 2015 and has been serving the real business scenarios of China Literature Group for a long time. On Github homepage, LuLu UI emphasizes that it is not a KPI project and will constantly iterate. Don’t worry that no one will pay attention to it if you encounter problems.
The leader of LuLu UI is Zhang Xinxu from Reading Literature Group. People who love the front end should have seen many front-end tutorial articles written by Zhang Xinxu, which are easy to understand and interesting in writing. Most of them are about the cutting-edge technology characteristics of the front end field, and they have written several front-end books such as CSS World. He wrote a lot of the documentation for LuLu UI. My introduction to LuLu UI came from Zhang Xinxu’s article “Design-oriented Semi-packaged Web Component Development”, which explains in detail the poor relationship between front-end development and UI design and is recommended for careful reading. He believes that UI components should only be responsible for the UI, not the business.
Many OF the UI components in LuLu UI follow this design philosophy. Therefore, we can find that LuLu UI components are not traditional large and complete, but minimalist, lightweight and flexible, which is manifested as low coupling module and flat hierarchy. There is very little API, especially for some basic components, there is no API.
To put it bluntly, this is different from many ready-made UI component libraries, which can only modify the color through configuration, severely limiting the play of design. LuLu UI only helps us solve the function of the component, and the style still needs us to write according to the actual UI design. Design first, we can achieve perfect restore design.
Choosing a UI component library, or choosing a technical route, should consider the design as the highest priority in the project? Is the efficiency? Teamwork? The optimal solution is to choose the right one according to different requirements. LuLu UI comes in three different versions (officially called “themes”, but not “styles”) depending on browser support:
- The Peak theme is IE8+ compatible and provides barrier-free access to Aria screen reading devices as well as keyboards
- The Pure theme is compatible with IE9+ and is suitable for PC and Mobile UI component libraries, making it ideal for website development for external users
- The Edge theme is written in native JavaScript, uses new syntax and features on the cutting Edge of JavaScript and CSS, does not support Internet Explorer, and works with React and Vue projects.
Here I will not let go of many technical details, the official website documentation is very good, very simple to use, very quick to use, is a very different UI component library, I strongly recommend to experience the use.
Free and Open Source instructions
LuLu UI is a web UI component library produced by China Literature Group, a subsidiary of Tencent. The source code is hosted on Github under MIT open Source agreement, and any individual or company can use it for free.
Related website: www.thosefree.com/lulu-ui