Some of the commonly used open source front-end frameworks are as follows:
1. Bootstrap
Boostrap is definitely the most popular and widely used framework at present. It is a beautiful, intuitive and powerful web design toolkit that can be used to develop cross-browser compatible and beautiful pages. It provides many popular UI components with simple styles, grid systems and some commonly used JavaScript plug-ins.
Bootstrap is written in the dynamic language LESS and mainly includes four parts:
Scaffolding - global style, responsive 12-column grid layout system. Remember that Bootstrap does not include responsive layout capabilities by default. Therefore, if your design requires responsive layout, you need to enable this feature manually.
Basic CSS - including basic HTML page elements, such as tables, forms, buttons, and images. Basic CSS provides elegance and consistency for these elements. of various styles.
Components - a collection of a large number of reusable components, such as dropdowns, button groups, navigation control - including: tabs, pills, lists tags, bread Breadcrumbs as well as pagination, thumbnails, progress bars, media objects, and more.
JavaScript - includes a series of jQuery plug-ins that can achieve dynamic page effects of components. Plug-ins mainly include modals, tool tips, popovers, scrollspy, carousel, typeahead, etc.
Bootstrap is powerful enough to implement various forms of web interfaces. In order to make development with Bootstrap more convenient, many tools and resources can be used together. Some of them are listed below.
jQuery UI Bootstrap - This is a great resource for jQuery and Bootstrap enthusiasts that can introduce Bootstrap's clean interface components into jQuery UI.
jQuery Mobile Bootstrap Theme - Similar to the jQuery UI theme mentioned above, this is a theme built for jQuery mobile. If you want the website developed with Bootstrap to be elegantly accessible on mobile phones, then this resource is very convenient and easy for you to use.
Fuel UX - It adds some lightweight JavaScript controls to Bootstrap. Fuel UI is easy to install, modify, update and optimize.
StyleBootstrap.info - Bootstrap provides several interface styles of its own. StyleBootstrap provides more color matching options, and you can apply different colors to each component.
BootSwatchr - Use this tool to instantly view the effects of modified themes. For each change, this application will generate a unique URL for you to share with others, and you can also modify your theme at any time.
Bootswatch - provides a large number of free Bootstrap themes.
Bootsnipp - an online front-end framework interactive component production tool, is a free element based on the Bootstrap HTML/CSS/JavaScript architecture for designers and developers.
LayoutIt - Create Bootstrap-based front-end code quickly and easily through the interface drag-and-drop builder. Add Bootstrap-style components to your personal design through drag-and-drop actions and easily modify their properties, which is simple and convenient.
2. flex
The Apache Foundation released version 4.8 of Flex, which is the first version released after Adobe donated Flex to the Apache Foundation
It should be noted that
On March 10, 2014, the Apache Flex technical community released a new version of Apache Flex 4.12.0, which is an upgraded version of Apache Flex 4.11.0. The improved features include:
◆Supports the latest version of Flash Player
◆Supports the latest AIR runtime
◆Improved memory usage and performance
◆ Improved the style of components for mobile platforms
◆Support iOS7 system
◆Fixed more than 80 vulnerabilities [4]
May 10, 2014 , Apache optimized and improved version 4.12.0 and released Flex 4.12.1. The new version adds support for the new Flash Player and Air runtime, improves support for mobile media queries, and fixes more than 20 bugs.
3. easyui
easyui helps you build your web application more easily.
It is a lightweight UI framework developed based on jquery plug-in, which is very small and feature-rich.
But her biggest problem is that the code can only be found in the previous open source version. After 1.2, the source code of the version has been obfuscated. If you encounter problems, it will be very troublesome to modify! But a big advantage is that it is open source and free, and the interface is decent!
4. jQuery UI
jQuery UI is a set of jQuery page UI plug-ins, including many commonly used page spaces, such as Tabs (such as the upper right corner of the homepage of this site), Pull Curtain effect (upper left corner of the homepage of this site), dialog box, drag-and-drop effect, date selection, color selection, data sorting, form size adjustment, etc.
The functions are very comprehensive and the interface is quite beautiful. You can use it as a whole or use several modules separately. It is free and open source!
5. DWZ
DWZ rich client framework (jQuery RIA framework) is an Ajax RIA open source framework based on jQuery developed by the Chinese.
The design goal is to be simple and practical, develop quickly, and reduce ajax development costs.
We welcome your suggestions and we will further adjust and improve the functions in the next version. ***Together, we promote the overall ajax development level in China.
After all, it is made in China, support it, and the source code is completely open, so you can choose it! But I’m not sure about the performance!
6. GWT
Google Web Toolkit - GWT provides a set of development kits based on Java language. The design of this development kit refers to the Java AWT package design, class naming rules, The interface design, event monitoring, etc. are very similar to AWT. Developers who are familiar with Java AWT can quickly understand the GWT development toolkit without spending much effort and devote more time to the development process of GWT applications.
You don’t need to understand this or that kind of javascript framework. Through java, you can write a feature-rich interface and do unit testing. After all, it is a Google product. Please support it seriously!
7. YUI
Yahoo! UI Library (YUI) is an open source JavaScript function library. In order to create a highly interactive web page, it uses AJAX, DHTML and DOM and other coding technologies. It also contains many CSS resources. The license is BSD license, basically no research has been done!
YUI Compressor is quite famous. I don’t know how the application of this UI library is going!
10. Sencha
Sencha is a new project formed by the merger of ExtJS, jQTouch and Raphael projects.
The framework of a large company, and a powerful combination of several libraries, is worth recommending!
8. Dojo
It seems that it is not widely used in China, but there should be no problem in terms of performance.
Dojo is an open source DHTML toolkit implemented in javascript language.
It is supported by multiple foundations, including IBM and SUN, both of which are leaders in the software industry and are trustworthy!
9. ZK
ZK is a web application development framework based on AJAX/XUL/Java, which is used to enrich the user interface of web applications. The biggest benefit is that when designing AJAX web applications, it is as easy and simple as designing desktop programs. ZK includes an AJAX-based, event-driven, highly interactive engine, and also provides a variety of rich, reusable XUL and HTML components, as well as an XML-based interface design language ZK User-interfaces Markup Language (ZUML).
It is feature-rich, comprehensive, has complete documentation, and has been upgraded many times. It is highly recommended!
10. OperaMasks-UI
OperaMasks-UI is a lightweight front-end JS component library built by the OperaMasks team in the second half of 2011, aiming to provide a low-learning curve, customized It is a front-end JavaScript UI component library that is flexible in nature, unified in style, supported by multiple browsers, and covers enterprise business scenarios. Currently, the team has opened this product to the community under the LGPL open source license.
It has rich documentation, complete functions, and is easy to use and develop! And it’s made in China!
11. JavaFX
Sun Corporation (acquired by Oracle in 2009) released the official version of JavaFX technology on December 5, 2008, which enables you to use JavaFX Programming language to develop Rich Internet Applications (RIA). The JavaFX Script programming language (hereinafter referred to as JavaFX) is a declarative, statically typed (declarative, statically typed) scripting language developed by Sun Microsystems. JavaFX technology has good prospects, including the ability to directly call Java APIs. Because JavaFX Script is statically typed, it also has structured code, reusability and encapsulation, such as packages, classes, inheritance and separate compilation and release units. These features make it possible to create and manage large programs using Java technology.