The web-based UI kit with beautiful color matching and excellent design is very simple to use. You can get started with html and css. It is a clear stream in the current mainstream front-end engineering development.
About Uigg
Uigg is a front-end framework with beautiful color matching and touching design details for designers. The main idea is: freedom and flexibility. Compared with many UI frameworks that focus on development and efficiency , Uigg does not provide grids, and iterative optimization of development will limit the elements that designers can play. It only provides basic web elements, cool special effects, comprehensive icons and a lot of interesting stuff. And it's very easy to use, which allows you to focus on the design, not the code.
Technical features of Uigg
- Uigg is based on jQuery, less and extended with swipper
- By working modularly, the different components do not affect each other
- Excellent PC/Mobile responsive layout, multi-platform compatible
- There are many plugins with cool special effects, which are very convenient to use
- SVG icon library for Uigg, with solid and colorful styles
- Supports non-IE browsers such as Chrome, Firefox, Safari and Edge
Develop hands-on experience and usage suggestions
Uigg is a relatively niche UI component library, which comes from the recommendation of the user mixice in the Zhihu comment area , a web front-end open source UI component library worthy of attention in the first half of 2021 (later found to be the author of Uigg). The first time I opened the official website, I was attracted by the beautiful color matching. After further understanding, I found that this is a UI kit with excellent design and different from the current mainstream Vue / React component library.
At present, most of the mainstream UI component libraries take development efficiency as the king. Designers often can only make a fuss about the theme color matching, which greatly limits their play. Therefore, these UI component libraries are often more suitable for companies or independent developers to quickly build projects, with little involvement or no designers at all.
If you also don't like UI component libraries made only for developers, you can really consider Uigg. Uigg provides a full range of basic web elements, form elements, audio, label switching, and even quick copying. It is very comfortable to operate interactive animations. To my surprise, Uigg also has its own built-in icon library. These icons are not only comprehensive , and the Uigg components are coordinated enough to be used together. The official also provides design source files in Adobe XD format, which is convenient for designers to use for creative processing.
Uigg is loaded by tag introduction. Based on the jQuery technology stack, the technical entry threshold is not high. After downloading Uigg, the basic html, css and js files are obtained. All code examples are presented in an uncompressed form of comments. A designer's personal website is an excellent choice. Of course, the scope of application of Uigg is not limited to personal websites, such as H5 landing pages and web projects that require SEO, can be built with Uigg.
The author of Uigg specially designed an icon library for this project, which is also free for commercial use, and the icons can also be used in other projects.
In addition, Uigg also provides a simple admin . Currently, there are only the login page and the admin console page, which are also very beautiful, but there are no other pages, which are only suitable for research and study.
Free Open Source Instructions
Uigg is a free and open source UI tool suite, the source code and XD design source files can be downloaded and used for free. At present, neither the official website nor Github has any instructions on the authorization method and commercial use of Uigg, but I have confirmed to the author that after the reply, it will be updated on those free brick websites synchronously.
Update on December 15: I have received a reply from the author of Uigg, which can be licensed for commercial use for free, and can be downloaded and used by any individual and company.
Original link: https://www.thosefree.com/uigg