当前位置:网站首页>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
边栏推荐
- Learn to use the phpstripslush function to remove backslashes
- Caching mechanism for wrapper types
- Web project deployment
- 2022 International Symposium on intelligent robots and systems (isoirs 2022)
- 1. project environment construction
- 线程的 sleep() 方法与 wait() 方法的区别
- cuda runtime error (801) : Raw out
- 包装类型与基本类型的区别
- Distribute proofs of manuscripts by scanning
- JMeter interface test tool foundation - use badboy to record JMeter script
猜你喜欢
![Illustration miscellaneous [for archiving to prevent loss]](/img/cf/bf48bfda020a3c8690339a388efc5d.png)
Illustration miscellaneous [for archiving to prevent loss]

Flink checkpoint and savepoint

leetCode-498: 對角線遍曆

Multithreaded applications - improve efficiency

抓包工具charles實踐分享

JMeter interface test tool foundation - use badboy to record JMeter script

How can I solve the problem that the swiper animation animation fails when switching between left and right rotations of the swiper?

机械臂速成小指南(零):指南主要内容及分析方法

进程与多线程

283.移动零
随机推荐
分布式事务原理以及解决分布式事务方案
Role of message queuing
26. delete duplicates of ordered array
Leetcode-1051: height checker
Flink集群搭建以及企业级yarn集群搭建
Leetcode-1089: replication zero
Resolved: methods with the same name as their class will not be constructors in
5.菜品管理业务开发
Flink checkpoint and savepoint
Quick completion guide for mechanical arm (II): application of mechanical arm
程序员在技术之外,还要掌握一个技能——自我营销能力
[JS reverse sharing] community information of a website
Uniapp develops wechat official account, and the drop-down box selects the first one in the list by default
Leetcode-929: unique email address
[resource sharing] the 5th International Conference on civil, architectural and environmental engineering in 2022 (iccaee 2022)
Common methods of thread scheduling
leetCode-面试题 01.05: 一次编辑
A method to solve the self-adaptive width and height of the internal picture of rich text label in wechat applet
numpy. logical_ and()
Process and multithreading