Official website: l-ui.com/
Project homepage: github.com/yued-fe/lul…
API documentation: LuLu UI API Chinese documentation
Hello, LuLu!
LuLu UI is a jquery-based, PC-based front-end UI framework compatible with IE8+ or IE7+, containing 20+ static or dynamic UI components.
Close to the user
LuLu UI is warmer, more natural, more intimate, more detail-oriented and user experience oriented, and is very user friendly, making it ideal for external user oriented web site development. This is different from other UI frameworks such as Ant Design, which are more suitable for mid-background development.
Use simple
LuLu’s whole project is to provide SOME UI component JS and CSS, pure JS and CSS, without any pretentious “makeover” processing.
Therefore, to use LuLu UI, simply import CSS and JS file addresses. HTML is the same HTML, CSS is the same CSS. What Vue what MV* what lofty concept does not need to master completely, refer to the document, copy copy, paste paste, the effect will come out.
Please refer to the LuLu UI API Documentation in Chinese
Wide range of application scenarios
LuLu UI retains the plug-and-play nature of jQuery plug-ins, but also supports modular loading for multi-party collaboration, which makes it more applicable to a wide range of scenarios.
Such as:
- A single person to complete a simple operation activity page, need a pop-up prompt function, can be directly introduced into LuLu UI dialog.js, can be used.
- A website has taken a fancy to one of LuLu’s UI components, such as the date selection feature, and wants to use it.
<script>Introduce date-select JS, and you’re ready to use it. - For large collaborative multi-person projects, loaders like SeaJS can be used for modular loading and development.
All components, whether used alone or within the system, are provided with demos.
mature
LuLu UI has been around for three years since it was launched in 2015. Unlike the younger UI frameworks, LuLu UI has seen a lot of the world, is modest, introverted, and doesn’t need to be trumpeted.
Open source is serious business, and LuLu UI has always believed that if components are not already in the realm of static, they should keep grinding away. Over the years, after many internal and external verification and polishing of large and small projects, LuLu UI is now able to keep the details of interaction as well as the details of the code itself hidden.
Experience is good
LuLu UI doesn’t talk about “extreme experiences”. There is no end to extreme experiences. LuLu UI is as good as it gets.
For example, if the user clicks a button to open a pop-up, the pop-up interface is flat. If the user opens the pop-up box by entering the ENTER key and clicking the button, the button in the pop-up box will be outline highlighted by default!
See screenshot below:
In addition to countless small interactive details that have been refined over the years, LuLu UI is also accessible for Retina screens, screen reading devices, and Keyboards, which few UI frameworks support. Sit down. Sit down. It’s all basic.
Code learning materials
LuLu UI JS code is very suitable for new reference and learning.
Simple hierarchy, clear logic, detailed and standard annotations, plain code, no show off, very suitable for reading and understanding, is a rare learning material.
Distinctive design ideas
There are three points:
- Design oriented concept;
- No version concept;
- HTML oriented Development
Design oriented concept makes LuLu UI more emotional and warm in visual and interactive performance; As a result, LuLu UI’s code is simpler and its components lighter and more flexible.
The LuLu UI framework is a concept with no version, only a single parent iterating slowly. When faced with a new project, copy the parent LuLu UI, and then the copy of LuLu UI is coupled with the project, there is no relationship with the parent, you can modify the LuLu UI CSS and JS in the project according to the design requirements, product requirements, so as to ensure visual restore, product quality and development quality.
The HTML-oriented development makes LuLu UI more semantic and more friendly to auxiliary devices. At the same time, the technology stack is more biased towards HTML and CSS, which also makes the majority of JS relatively weak and easier to use in the front end with strong visual performance, which can restore the design and enhance the experience in a more friendly way.
All the distinctive design ideas of LuLu UI are for the convenience of external users, the convenience of front-end students on the experience side to develop, and the convenience of designers’ visual restoration and creative realization. In the final analysis, LuLu UI can have better user experience and product quality. If it is a UI framework oriented to middle and background development, it will be data-oriented and function-oriented design. Component applications will avoid writing CSS and HTML to facilitate the development of front-end students on the development side. It can be seen that different product forms and different user groups determine different UI framework design concepts.
Designer colleagues will love the LuLu UI framework.
scarcity
It’s rare to have a front end that knows both design and code and has a lot of accumulation in the experience direction. Therefore, LuLu UI is also scarce, in the PC side user side website development, LuLu UI has an unmatched competitiveness!
Read the front end honor produced
Thank you for your help in LuLu UI construction.
LuLu
UI
Screen reader
Web Accessibility Applications
The framework
The user experience
The keyboard