Today I mainly introduce the UI libraries commonly used in the web front-end. These websites are basically backed by big Internet companies, and they are worthy of collection by web front-end developers. Of course, they still need to learn and use more.
Vant
A lightweight and reliable mobile UI component library produced by Youzan, currently supports Vue2, Vue3, React, WeChat and Alipay applets, and the community team maintains the React version and Alipay applet version.
The documentation on the official website is clear and easy to understand. If you are familiar with the component development of vue.js, it is very easy to get started.
Ant Design
Ant Design is a set of enterprise-level UI design language and React component library, which provides a very complete set of componentized design specifications and componentized coding specifications, which can greatly improve the design and development efficiency and quality of some products.
The design principles in the PC-side component library document are relatively well written, and each component describes when to use it, so that it has a deeper understanding of the component, and the design resources provided are also very complete, which is worthy of collection by web front-end enterprise developers !
Ant Design Mobile
Ant Design mobile terminal design specification, a UI component library based on Preact/React/React Native. The style of the new version is better, and the updated document is also easy to use
Bootstrap
Bootstrap is a popular front-end open source tool library in the world. The UI library of Bootstrap4 Chinese Document comes from a member of Twitter. It has updates such as box-flex layout, but there are relatively few components. It is characterized by providing many tool classes; JQuery needs to be introduced. For your own special needs, you need to re-customize the style.
Flat UI is a Metro transformation based on Bootstrap, provided by Designmodo. Flat UI includes many components provided by Bootstrap, but with a more beautiful appearance.
Layui
The classic open source modular front-end UI framework (official document mirror site), a good UI library in the JQuery era, is an open source Web UI solution, which uses its own classic modular specification internally, and follows native HTML/CSS The /JS development method is very easy to use and ready to use.
ElementUI
From the front-end team of Ele.me, a must-use UI library for children who learn Vue, a component library implemented using Vue 2.0 as the basic framework, a set of Vue 2.0-based component libraries for developers, designers and product managers, Provides supporting design resources to help the website quickly prototyping, also supports Angular and React versions, Element Plus supports Vue3.
semi design
From ByteDance Douyin front-end and UED team, it is an out-of-the-box mid-backend solution including design language, React components, themes, etc., which can be used to quickly build beautiful React applications.
Taro UI
It comes from Jingdong Ao-Convex Lab, based on Taro's multi-terminal UI component library, which provides a friendly API and can use components flexibly. A set of components can be adapted and run on multiple terminals such as WeChat applets, H5, and ReactNative.
Vuetify
Vuetify is a complete interface framework built on top of Vue.js. The project's goal is to provide developers with the tools they need to build rich and engaging user experiences. Vuetify was designed from the ground up to be easy to learn and has hundreds of well-designed components from the Material design specification. Every component has been carefully designed to be modular, responsive and performant.
WebUI
WeUI — WeChat's official UI library, a set of basic style libraries consistent with WeChat's native visual experience, designed by WeChat's official design team for WeChat Web development, can make users feel more unified. Contains various elements such as button, cell, dialog, toast, article, icon, etc.
