Front-end tools: a summary of commonly used web front-end ui frameworks
Elementui should be the most used and most common and stable UI framework, so what other useful frameworks are there besides elementui?
- amazeui (sister UI) China's first open source HTML5 cross-screen front-end framework =======================================================================================
Amaze UI is based on the concept of mobile first, and gradually expands from small screens to large screens, and finally realizes all screen adaptations to adapt to the trend of mobile Internet.
Official website address:
http://amazeui.shopxo.net/javascript/modal/
2.WeUI adapts to the ui framework of WeChat applet
WeUI is a basic style library that is consistent with WeChat's native visual experience. It is tailored by the WeChat official design team for WeChat's internal web pages and WeChat mini-programs, making users' usage perception more unified.
Official website address:
https://weui.io/#button_default
3.MintUI is based on Vue.js mobile component library
// Install
Vue 1.x
npm install mint-ui@1 -S
Vue 2.0
npm install mint-ui -S
// import all components
import View from 'view';
import Mint from 'mint-ui';
Vue.use(Mint);
// Import some components as needed
import { Cell, Checklist } from 'mint-ui';
Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);
Official website address:
http://mint-ui.github.io/docs/#/
4.LayUI is compatible with all browsers (except IE6/7) that humans are using, and can be used as a rapid development solution for web interfaces.
Based on the original ecological mode of the browser side, it is an easy-to-use, open-source and free web interface component library for all-level front-end and back-end developers.
Official website address:
https://layuion.com/docs/
- iviewUI ==========
A UI framework based on Vue.js, mainly used on the PC side, with richer components than ElementUI. View Design is an enterprise-level UI component library and front-end solution based on Vue.js 3,
Serving tens of thousands of developers.
Official website address:
https://www.iviewui.com/
- Naive UI Vue3+TypeScript component library =============================================
Naive UI is a Vue3 component library. Fully written in TypeScript, it seamlessly integrates with your TypeScript project. There are over 80 components, hopefully it will help you write less code. By the way, they are all treesshaking. Try your best not to be too slow. At least select, tree, transfer, table, and cascader can all use virtual lists. The overall use experience is still very good, and the global configuration can reduce a lot of useless code.
Official website address:
https://www.naiveui.com/zh-CN/os-theme/docs/introduction
7.Ant Design Pro
An enterprise-level back-end front-end UI framework open sourced by Ant Financial, currently available in Vue and React versions. Usage experience: The react version is easier to use and more stable than the vue version. The vue version may be the reason for the transformation. It is inconvenient to use, including the virtual loading of the tree, which has not been updated. The react version is relatively rich. This component is recommended to be used with react.
Vue version official website address:
https://2x.antdv.com/components/form-cn/
React version official website address:
https://ant.design/components/button-cn/
- Ionic Native Javascript UI framework based on AngularJS framework ====================================================================
For mobile terminal development, the learning cost is high, there are many versions, you need to be careful when choosing, various adaptation versions, Ionic is a lightweight mobile UI library, with fast speed, modern interface, beautiful and other characteristics. In order to solve some other UI libraries running slowly on the phone.
Official website address:
http://www.ionic.wang/native_doc-index.html
9.Uni-app
uni-app is a framework for developing all front-end applications using Vue.js (opens new window). Developers write a set of codes that can be published to iOS, Android, Web (responsive), and various small programs (WeChat/Alipay). /Baidu/Toutiao/Feishu/QQ/ Kuaishou/Dingding/Taobao), Kuaishou and other platforms, if you want to do WeChat applet uni-app with WeChat developer documentation, it is quite fragrant. Another article has details. Introductory advanced introduction.
Official website address:
https://uniapp.dcloud.net.cn/
That's all for today's sharing, I hope it helps everyone!