The most potential front-end open source project in the 2017 Top20

Source: Internet
Author: User
Tags flexbox grid
Development tools in different areas Top 50 10 good free CAD view Software | Download the most complete large data analysis and production tool in history | You don't know the new trend of 5 ar augmented reality 2016 Google Open-source these cool projects

1.Bootstrap

Author: Twitter

Official website: http://getbootstrap.com/

Github:https://github.com/twbs/bootstrap

star:10w+

Last update: 4.0.0-alpha.5 (2016.10.19)

Introduction: As a veteran front-end framework, Bootstrap has maintained a good performance, Bootstrap 4 is currently in the Alpha phase, is expected to be released in 2017. Notable changes are the new generic card components and the Flexbox grid (viewed in contrast to regular grids), which makes the framework more modern and makes it more enjoyable for users to work with it.

2.React

Author: Facebook

Official website: https://facebook.github.io/react/

Github:https://github.com/facebook/react

star:5.7w

Last update: v15.4.1 (2016.11.23)

Introduction: No one knows, no one does not know the emerging technology stack, once launched, by the front circle of extreme concern, after 2016 years of baptism, has gradually become a lot of enterprise development technology stack standard. As the 2016 's most potential, and even the most influential front-end open source project is really not too.

3.Angular

Author: Google

Official website: https://angularjs.org/

Github:https://github.com/angular/angular.js

star:5.4w+

Last update: v1.6.1 (2016.12.23)

Introduction: Angular.js 2 has also been released this year. The framework is maintained by Google and is favored by many companies and large companies. It has many features, and it is possible to write anything from the Web to the desktop and mobile applications. And its framework is also written with Typescript, which is also the programming language recommended for writing applications. Although the Angular.js 2 is too complex, it still cannot conceal his fiery level in the front circle.

4.Vue

Author: Yu Yuxi

Official website: http://cn.vuejs.org/

Github:https://github.com/vuejs/vue

star:3.8w

Last update: v2.1.8 (2016.12.28)

Introduction: If 2016, the front-end circle can not be unknown open source project, that Vue is absolutely the top, in this year's new version of vue.js2.0, the new rendering layer than V1 brought a huge performance improvement, although the rendering layer fully updated, Vue 2.0 compatible with most of the 1.0 template syntax, Only a small part of it has been discarded.

Vue's continued growth rate exceeded the author's expectations, reaching almost a peak in 2016, and in 2017, they will explore the future of compiling and publishing Vue components and making them into native custom elements and better browser compatibility.

5.Semantic UI

Author: Jlukic and other technicians

Official website: http://semantic-ui.com/

Github:https://github.com/semantic-org/semantic-ui

star:3w+

Last update: v2.2.7 (2016.12.22)

Introduction: Semantic ui-fully semantic front-end interface development framework, compared with Bootstrap and Foundation, or some different, in the functional characteristics, layout design, user experience, there are many differences. In the program Ape Circle because the version is updated frequently, has "version Emperor" said.

In the 2.2 release released in 2016, a number of improvements and add new UI elements, update log up to 10 pages, as a veritable "version of the Emperor" in 2017 will be a big move, but also one of the expected open source projects.

6.Ionic

Author: Ionic technical Team

Official website: http://ionicframework.com/getting-started/

Github:https://github.com/driftyco/ionic

star:2.7w

Last update: V2.0.0-rc.4 (2016.12.15)

Introduction: Ionic is a lightweight mobile phone UI library, with fast speed, interface modernization, aesthetics and so on. To address some of the other UI libraries running slowly on the phone. It uses JavaScript MVVM frameworks and Angularjs to enhance applications, focusing on web development technology, based on HTML5 to create a development framework similar to the native applications of mobile platforms. The purpose of the Ionic framework is to develop mobile applications from a Web perspective, based on a PHONEGAP compilation platform that enables applications compiled into various platforms.

The latest version is V2.0.0-rc.4, and Ionic2 new features in the test will bring a different experience to developers in 2017.

7.Backbone

Author: Jashkenas and other technicians

Official website: http://backbonejs.org/

Github:https://github.com/jashkenas/backbone

star:2.5w

Last update: v1.3.3 (2016.4.6)

Introduction: is also a veteran front-end class library, he is the first generation of front-end Mvc,backbone the most suitable application scenario is a single page application, and the page has a large number of data models, the model needs to carry out complex information communication. Backbone in this kind of scene, it can realize the loose coupling between modules and event-driven. Other applicable products and micro-blog, NetEase Weibo front-end design is similar to the backbone of a structure, the early days of the Youdao Cloud Notebook Web version is used backbone.

Although the past five or six years, but backbone still maintain a perennial update, although did not see much improvement, but there is still a group of people in use.

8.Foundation

Author: zurbfoundation

Official website: http://foundation.zurb.com/

Github:https://github.com/zurb/foundation-sites

star:2.4w+

Last update: v6.3.0 (2016.12.16)

Introduction: This is a legendary in the world's most advanced front-end response-type framework, the ability to quickly create prototypes and product codes that run on any device is not as exaggerated as it is, but its history can be comparable to Bootstrap, and it has also maintained a decent update.

If a product can not maintain a continuous update, may slowly fade out of people's vision, when many people think Foundation in Vue and so on the tide will disappear, But I did not expect the update of the 6.3.0 version of 2016 to bring him back to the eyes of the people, and we are confident that he will have a bigger breakthrough in 2017.

9.Ember

Author: Yehudakatz

Official website: http://emberjs.com/

Github:https://github.com/emberjs/ember.js

star:1.7w+

Last update: v2.10.2 (2016.12.20)

Introduction: Ember is another good choice for JavaScript frameworks. It supports two-way binding of data and the ability to automatically update templates, components, and server-side rendering. The advantage of using it, compared with other competitors, is that it is more mature and stable, with a low frequency of major changes in its framework, and that the Community attaches importance to backward compatibility, making this framework the best choice for developing applications that have a longer lifecycle.

10.Echarts

Author: Baidu Front-End technical team

Official website: http://echarts.baidu.com/

Github:https://github.com/ecomfe/echarts

Last update: v2.6.0 (2017.1.1)

star:1.5w+

Last update: v3.3.3 (2016.11.24)

Introduction: Echarts is a Baidu front-end technology development, based on Javascript data Visualization Chart Library, providing intuitive, vivid, interactive, customizable data visualization chart. Baidu has also become a leader in open source projects, but also currently in the domestic use of the largest number of data visualization of open source projects.

In the 2016 blockbuster 3.0 version is to join the mobile-end interactive experience, smaller volume files, more flexible packaging, we believe that in the future echarts will also add more features to enhance his active degree.

11.Weex

Author: Alibaba

Official website: https://weex-project.io/

Github:https://github.com/alibaba/weex

star:1w+

Last update: v0.9.4 (2016.12.22)

Introduction: The predecessor of Weex is Weapp, a framework for dynamically using JSON to configure the native UI components, Weex is the Weapp version of evolution, plus ex removes the app, which is now the name. In April 2016, the Qcon conference officially announced open source, for mobile developers, Weex mainly solve the frequent version and the development of the two-terminal pain points, while resolving the front-end language performance and display effects limited.

12.Ant Design

Author: ant Golden dress

Official website: https://ant.design/

Github:https://github.com/ant-design/ant-design

star:9300+

Introduction: This is a react based UI component library, mainly responsible for the development and service of enterprise-class backend products. Through the introduction of GitHub, this project is biased to the right (Ali's front end Daniel) and Yiminghe (Ali's front end Daniel +1) leading ·, and from Ant design It is also easy to see that some parts are from the GitHub project React-component that Yiminghe participated in.

13.Amaze UI

Author: Yun Yu with

Official website: http://amazeui.org/

Github:https://github.com/amazeui/amazeui

star:8600+

Last update: v2.7.2 (2016.8.17)

Introduction: Amaze UI is the first open source front-end framework, but also pioneered the concept of mobile priority one of the framework, in 2016 Amaze UI has launched for the mobile end of the touch version, but also with the nail nail nails to launch a nail version, Also in the early 2017 will usher in the 3.0 version of the major update, is said to be a new interface, a new design, is not a little excited. In addition, there will be a version of the enterprise system development, seemingly also in the secret research and development, it is worth looking forward to.

14.Knockout

Author: Stevesanderson and other technicians

Official website: http://knockoutjs.com/

Github:https://github.com/knockout/knockout

star:7900+

Last update: v3.4.1 (2016.11.8)

Introduction: Konckout is a front-end framework known for compatibility because he supports some of the older versions of IE (IE6-IE8) features that allow some enterprise developers to avoid wasting time on browser compatibility issues, but because of compatible IE6 and other older versions of IE, they need to use observable can be bound in two directions, and he is lighter than angular.

15.Element

Author: Are you hungry? Front End Technical team

Official website: http://element.eleme.io/

Github:https://github.com/elemefe/element

star:6700+

Last update: v1.1.2 (2016.12.30)

Introduction: Element, a set of Vue 2.0 based component libraries for developers, designers, and product managers, provides a companion design resource to help you quickly shape your site. Due to the current Vue of the big, leading to the emergence of many derivative libraries, hungry? The front-end technology team is based on the latest Vue 2.0 component library, which facilitates the rapid development of many developers using Vue.

16.avalon

Author: Qinerg

Official website: http://avalonjs.coding.me/

Github:https://github.com/rubylouvre/avalon

star:4100+

Last update: v2.2.4 (2017.1.4)

Introduction: Avalon is a powerful, compact MVVM frame. It follows the idea of manipulating the DOM to manipulate the data so that you don't see a bit of dom manipulation code in the code. The DOM operations are all bound to the framework processing. Quite a backend with an ORM like that without you writing SQL to improve productivity. Compared with other JS frameworks, the same realization of the well-known Todos function, in all mv* implementation Avalon is to let the user write the least code. Compared with other mv*, it is not only lightweight, minimum support to IE6, and performance is the best.

17.svelte

Author: Rich Harris

Official website: https://svelte.technology/

Github:https://github.com/sveltejs/svelte

star:3800+

Last update: v1.6.3 (2017.1.4)

Introduction: This framework was released in the second half of 2016, the author of Rich Harris, the author of Ractive, Rollup and Buble, svelte's core idea is "to reduce the amount of code at the time the framework runs by static compilation." The current framework whether react angular or Vue, no matter how you compile, it is necessary to "introduce" the framework itself, which is called the runtime (runtime). But with svelte, when a svelte component is compiled, all required Run-time code is included, and you don't need to introduce a so-called framework runtime in addition to introducing the component itself.

18.t3js

Author: Box

Official website: http://t3js.org/

Github:https://github.com/box/t3js

star:1500+

Last update: v2.7.0 (2016.8.27)

Introduction: T3js (T3.js) differs from the MVC framework by creating a loosely coupled, less-model system based on the concept of a scalable JavaScript application architecture to create a large JavaScript application. Once T3 can work with other frameworks, it becomes easy to create and transform components without having to stop rewriting the entire client.

T3 's design is entirely guided by the principles of extensible JavaScript application architecture, especially those that emphasize loose coupling between components, rely on transparency, and leave extension points for ambiguous requirements to expand and abstract common ground. The purpose of T3 is to encourage developers to write small, general-purpose components and then create more scalable client code.

19.ZUI

Author: Zen Road project management software team

Official website: http://zui.sexy/

Github:https://github.com/easysoft/zui

star:1200+

Last update: v1.5 (2016.9.6)

Introduction: ZUI inherits much of the underlying content from Bootstrap 3, but most of the content is customized and modified for different purposes than bootstrap. It contains, remove the limitations of some plug-ins, add cards, comments, lists and other useful view plug-ins. You can think of ZUI as a complete version of Bootstrap, if the Bootstrap can not be very good to meet you, may wish to try this.

20.Dojo

Author: Dylan Schiemann

Official website: https://dojotoolkit.org/

Github:https://github.com/dojo/dojo

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.