当前位置:网站首页>Common third-party UI frameworks
Common third-party UI frameworks
2022-06-24 10:37:00 【Yansuizi blog】
1、Amaze UI
Amaze UI v2.5.0 , 2015-11-30 Release , Be similar to Bootstrap
2、Bootstrap frame
Recommended Bootstrap5, comparison Bootstrap3,Bootstrap5 Refactoring the core has been abandoned Jquery 了
The famous framework , Learning front-end must learn UI frame .
3、H-UI frame
Don't want to rewrite the tedious page , Write less front-end page code , This framework is recommended
4、Layui frame
Classic modular front end framework ,layer Pop up window is required .
5、Vant I like the front-end framework , There are two versions
Vue edition
Small program version
6、iView UI frame
A set of based on Vue.js The high quality of UI Component library , Mainly for PC The middle and back products of the interface
from 2019 year 10 Officially renamed as View UI
7、ElementUI frame
From hungry to open source UI frame ,vue and react The most popular choice for developers , Mainly for PC The middle and back products of the interface
8、WeUI frame
WeUI It is a set of basic style library consistent with wechat native visual experience , Designed by wechat official design team for wechat internal web pages and wechat small programs , Make the user's use perception more unified
9、Arco Design frame 、Semi Design frame
Arco Design Byte skipping flag UI Component library , Mainly for PC The middle and back products of the interface ; and ant similar
Semi Design It is developed and designed by the front-end team of Tiktok
10、Ant Design frame , Three versions (React、Angular、Vue)
Ant Design of React( official )
Ant Design of Angular( Community realization )
Ant Design of Vue( Community realization )
Ant financial's open source UI Component library ,, Mainly for PC The middle and back products of the interface
11、LinUI frame
Lin UI Is based on Wechat applet native Syntax Implementation of the component library . Follow simplicity , Easy to use design specifications .
This framework is recommended for developing applets , Fast development speed 、UI beautiful
12、NaiveUI frame
One Vue 3 Component library ,Vue The author recommends UI Component library , Out of commission Vue2
Use in full TypeScript To write
Official document tips : Be careful ,naive-ui Support only Vue3. If you are using Vue2, You can look at other libraries .
13、MUI frame
A mobile terminal with the strongest surface UI frame , Official documents say it is the closest to native App High performance framework for experience .
MUI Do not rely on any third party JS library
MUI With iOS platform UI Based on , The supplementary part Android Platform specific UI Control
14、 JEUI frame
JEUI Is based on jQuery Of UI A domestic front-end UI frame , Follow the original HTML/CSS/JS Writing and organization form of , Many programmers in China javascript Not familiar with , Greatly affect the development speed . therefore JEUI There is no need for developers to care javascript How to write , Just write the standard html That's all right. , Very low threshold , Use immediately .
15、 B-JUI frame
B-JUI The front-end management framework is applicable to the rapid development of all kinds of WEB Management system , Can work with any back-end program (java、php、.net…) In combination with .B-JUI be based on Bootstrap Style and jQuery Library Development , At present, there are various common components , Some common plug-ins have been integrated , It is very convenient to introduce third parties jQuery plug-in unit
16、 QUICK UI frame
QUICK UI Is based on jquery1.9 Development
QUICK UI There is the concept of skin bag , Each skin package has its own home page file 、 Navigation processing and CSS Patterns, etc , All skin packages share the component library resources , To achieve QUICK UI The ever-changing style
How to use the skin bag : Put the skin package folder in quickui/system Under the table of contents , Access the... In the skin package like the example project home page file main.html
17、 Mint UI
Mint UI yes Hungry? Team development is based on vue .js Mobile end of UI frame
inclusive CSS and JS Components , Able to meet daily mobile development needs . Through it , You can quickly build consistent pages , Improve development efficiency
Depending on the Vue.js Efficient component solutions ,Mint UI It's lightweight . Even if it all introduces , The compressed file volume is only ~30kb (JS + CSS) gzip
18、 Flutter
Flutter It's Google's mobile UI frame , You can quickly iOS and Android Build a high quality native user interface on . Flutter Can work with existing code . In the world ,Flutter Is being used by more and more developers and organizations , also Flutter It's completely free 、 Open source
Flutter Has a wealth of tools and Libraries , Can help you easily at the same time iOS and Android Realize your ideas and ideas in the system
边栏推荐
- cuda runtime error (801) : Raw out
- 【资源分享】2022年环境工程与生物技术国际会议(CoEEB 2022)
- Uniapp develops wechat official account, and the drop-down box selects the first one in the list by default
- np. float32()
- Leetcode-1089: replication zero
- Web site development, lazy image loading
- cuda runtime error (801) : Raw out
- JMeter接口测试工具基础— 使用Badboy录制JMeter脚本
- 用扫描的方法分发书稿校样
- 6. package management business development
猜你喜欢

What you must know about distributed systems -cap

Flink checkpoint and savepoint

1. project environment construction

Leetcode-2221: triangular sum of arrays

JMeter interface test tool foundation - sampler (II)
![[resource sharing] 2022 International Conference on Environmental Engineering and Biotechnology (coeeb 2022)](/img/d8/a367c26b51d9dbaf53bf4fe2a13917.png)
[resource sharing] 2022 International Conference on Environmental Engineering and Biotechnology (coeeb 2022)

Customize the toolbars of the kindeditor editor. Items removes unnecessary toolbars or retains some toolbars

Six states of threads

【资源分享】2022年环境工程与生物技术国际会议(CoEEB 2022)
![[JS reverse sharing] community information of a website](/img/71/8b77c6d229b1a8301a55dada08b74f.png)
[JS reverse sharing] community information of a website
随机推荐
Learn to use the phpstripslush function to remove backslashes
numpy. logical_ and()
Flink checkPoint和SavePoint
Practice sharing of packet capturing tool Charles
【Energy Reports期刊发表】2022年能源与环境工程国际会议(CFEEE 2022)
Learning to organize using kindeditor rich text editor in PHP
88.合并有序数组
Uniapp develops a wechat applet to display the map function, and click it to open Gaode or Tencent map.
JMeter interface test tool foundation - sampler (II)
Quick completion guide for manipulator (III): mechanical structure of manipulator
[IEEE publication] 2022 International Conference on intelligent transportation and future travel (cstfm 2022)
分布式事务原理以及解决分布式事务方案
栈题目:函数的独占时间
【IEEE出版】2022年自然语言处理与信息检索国际会议(ECNLPIR 2022)
HBuilder制作英雄皮肤抽奖小游戏
Uniapp develops wechat official account, and the drop-down box selects the first one in the list by default
4. classification management business development
SSM integration
JMeter interface test tool foundation - use badboy to record JMeter script
Normal equation