The design-oriented front-end UI component library produced by the team of Zhang Xinxu, the front-end god of China Literature Group, is easy to use and highly customizable.
About LuLu UI
LuLu UI is a component library for desktop and mobile web development , produced by the front-end team of China Literature Group. China Literature Group was formed by the merger of Tencent Literature (representing the product QQ Reading) and Shanda Literature (representing the product starting point Chinese website). LuLu UI started in 2015 and has successfully supported many large-scale projects with tens of millions of PVs. It has been iteratively optimized for many years. It is a relatively mature free and open source framework.
Different from most of the current UI component libraries, LuLu UI only encapsulates functions and does not encapsulate UI. Therefore, it is a design-oriented "semi-encapsulated" component library. Very friendly and ideal for PC websites for external users, or projects that require lightness and agility.
Technical Features of LuLu UI
Develop and use suggestions
LuLu UI was born in 2015. It has been serving the real business scenarios of China Literature Group for a long time. It is emphasized on the Github homepage that this is not a KPI project, and it will continue to iterate. Don't worry that no one will care if you encounter problems.
The leader of LuLu UI is Zhang Xinxu of China Literature Group. People who love front-end should have read many front-end tutorial articles written by Zhang Xinxu. They are easy to understand and interesting in writing. "CSS World" and many other front-end books. Many documents of LuLu UI are written by him. I came into contact with LuLu UI from the article " Design-oriented Semi-encapsulated Web Component Development " by Zhang Xinxu. This article explains in detail the bad relationship between front-end development and UI design, and it is recommended to read it carefully. He believes that UI components should only be responsible for UI and have nothing to do with business.
Many UI components in LuLu UI adopt this design idea. Therefore, we will find that the LuLu UI components are not traditionally large and comprehensive, but are very simple, lightweight, and flexible. They are characterized by low coupling of modules and flat layers. There are very few APIs, especially for some basic components, and there is no API directly.
To put it bluntly, this is different from many ready-made UI component libraries . They often can only modify the color through configuration, which seriously limits the play of the design. LuLu UI only helps us solve the function of the component, and the style still needs us to be based on the actual situation. UI design to write, design first, can achieve perfect restoration of the design.
When choosing a UI component library, or choosing a technical route, you need to consider the highest priority in the project? Design? Is it efficiency? Or teamwork? According to different needs, it is the best solution to choose the right one. LuLu UI provides 3 different versions according to the degree of browser support (officially called "theme", but not the meaning of style):
- Peak theme is IE8+ compatible, provides Aria screen reader accessibility and keyboard accessibility support
- Pure theme is compatible with IE9+, suitable for PC, taking into account the UI component library on the mobile side, very suitable for website development for external users
- Edge themes are written in native JavaScript, using new syntax and features at the cutting edge of JavaScript and CSS, do not support IE browsers, and are suitable for React and Vue projects.
I won't give too much technical details here. The documentation on the official website is very well written, the usage is very simple, and it is very fast to get started. It is a very different UI component library, and it is strongly recommended to experience the use.
Free Open Source Instructions
LuLu UI is a web UI component library produced by Tencent's China Literature Group. The source code is hosted on Github based on the MIT open source agreement and can be used by any individual or company for free.
Original link: https://www.thosefree.com/lulu-ui