10 top-level css ui open-source frameworks on the web Front-end, and cssui
With the popularity of CSS3 and HTML5, our WEB pages not only require more user-friendly design concepts, but also require cooler page effects and user experience. As a developer, we need to know some valuable css ui open-source framework resources, which can help us implement some modern interfaces faster and better, including the webpage interface style design of some mobile devices. This article shares 10 top-level css ui open-source frameworks. A few of them are really good. Let's take a look.
1. Bootstrap-the most popular Web Front-end UI framework
Bootstrap is a Web Front-end UI framework launched by twitter. It is developed by Twitter designer Mark Otto and Jacob Thornton. It is a CSS/HTML framework. It uses the latest browser technology, and Bootstrap provides fashionable typographical styles, forms, buttons, tables, and grid systems.
Online Demo
Source code download
2. jQuery UI-jQuery-based Open Source Javascript framework
JQuery UI is an open-source Javascript framework based on jQuery. The jQuery UI framework mainly provides visual controls for user interaction, animation, special effects, and replaceable themes, this allows developers to easily implement webpage interaction interfaces. The entire jQuery UI framework is large, but you can also generate a suitable underlying framework based on the features you need. The jQuery UI is beautifully designed and worth a try.
Online Demo
Source code download
3. jQuery UI Bootstrap
It is the integration of jQuery UI and Bootstrap. It is a Bootstrap style, so it looks pretty. It also has the jQuery UI control function, which facilitates developers to quickly create a webpage control.
Online Demo
Source code download
4. BootMetro-Metro style CSS framework
BootMetro is a Bootstrap-based front-end UI framework. BootMetro is able to easily build a web interface similar to Windonws 8 flat style, with very good results.
Online Demo
Source code download
5. Flat UI-Flat style UI Toolkit
Flat UI is a set of exquisite Flat style UI toolkit based on Twitter Bootstrap. This interface tool contains many basic and complex UI components, such as buttons, input boxes, combined buttons, check boxes, single-choice buttons, labels, menus, progress bars and slide blocks, navigation elements, and so on.
Online Demo
Source code download
6. NetEase CSS framework NEC
NEC is an open-source front-end CSS framework launched by Netease. NEC provides a wide range of UI code libraries and plug-ins, which can greatly help developers improve development efficiency. Even if you are not a front-end professional developer, you can use NEC to quickly build your own web applications.
Online Demo
Source code download
7. Alloy UI-powerful css ui framework
Alloy UI is a front-end UI framework based on YUI 3. It contains a set of rich (over 60) UI parts, titles, dialogs, tree structures, panels, auto-completion, buttons, calendar controls, tool bar.
Online Demo
Source code download
8. Cardinal-mobile css ui framework
Cardinal is a small move-first CSS framework that provides many useful default styles, scalable typographical la S, reusable modules, and a simple responsive table system.
Online Demo
Source code download
9. quick development of CSS framework CSScaffold
Unlike many CSS frameworks, it must rely on mod_rewrite of PHP and Apache for execution. But because of these two requirements, CSScaffold is amazing and convenient, it's fast and easy to write CSS!
Online Demo
Source code download
10. Background UI development framework MuseUI
A bootstrap-based backend UI development component compatible with mainstream browsers (including IE6.
Online Demo
Source code download
What is the web Front-end development framework?
JQuery is the most popular
Others are ExtJS, YUI, etc.
What are the differences between web Front-end UIS?
The front-end is generally responsible for html css js. It is responsible for converting the design draft into html files that can be recognized by the browser and some interactive effects.
Generally, the ui is output from the design draft psd.