January 9, 2018 at 11:4011 libraries (component sets) for Angular, which you should know about in 2018
- Transfer
⬝ 11 libraries (component sets) for Angular that you should know about in 2018
⬝ 11 libraries (component sets) for Vue that you should know about in 2018
⬝ 11 libraries (component sets) for React worth knowing in 2018
Here is the third material from the series devoted to the review of libraries for popular web frameworks. Last time we talked about React and Vue . Today our topic is Angular. In this material, in addition to the traditional 11 libraries, we will mention a few more sets of tools worthy of attention.
Angular is one of the most common web frameworks. And according to a 2017 Stack Overflow study, this framework can be called even the most popular.
According to the Stack Overflow study, Angular can be recognized as the most popular web framework.
The approach to organizing a programmer’s work, used in Angular, is to hide the execution of various office operations in the bowels of the framework, giving the developer convenient tools built on the basis of internal mechanisms. Angular, like React, encourages the use of components and the separation of the application interface into small fragments that are suitable for reuse.
Below is a list of eleven libraries for Angular, some of which may very well come in handy in your next or current project. Most of them are designed for Angular2 +, however, some of them are suitable for older versions of the framework. As with React, you can select individual components from libraries for Angular and use them in a project without installing the entire library.
Material2 is the official Angular component library that implements Google's Material Design concepts. These user interface components can be seen as code examples written in accordance with the recommendations of the Angular development team.
The NGX Bootstrap library has gained about 3.5 thousand stars on GitHub. In it you can find the basic components that implement the capabilities of the Bootstrap template and written for Angular, and not only them. It is suitable for developing desktop and mobile applications and is designed with scalability and adaptability in mind.
Prime NG is a library that includes an extensive set of more than 70 user interface components. At the same time, different types of stylization are available here, for example - Material Design and Flat Design. Prime NG has about 3.3 thousand stars on GitHub, it is used by companies such as eBay, Fox, and many others. All this suggests that this library is worthy of attention of those who are looking for a suitable set of components for their project.
At NG Bootstrap , popular library, which includes components for Angular, in the style of Bootstrap 4, about 4.5 thousand stars on GitHub. It serves as a replacement for the Angular-ui Bootstrap project , which is no longer supported. NG Bootstrap has a high level of code coverage with tests and the absence of third-party JS dependencies.
The Onsen UI library for Angular is a popular solution for developing hybrid and mobile applications for Android and iOS using JavaScript. This library has about 6 thousand stars on GitHub, it uses bindings, it makes it possible to use various visual styles.
The visual elements from the Vaadin library are designed to fill the gap between Angular components and Polymer elements. This library supports Material Design, it contains components suitable for developing mobile and desktop applications. It should be noted that its components are stored in separate repositories.
Components from the NG-ZORRO library are written in TypeScript with full typing. The goal of this project is to give developers high-class components for creating user interfaces in the style of Ant Design. This interesting library was created by Chinese developers, on GitHub it has about 2 thousand stars.
The NG Lightning Library is a suite of components designed for the Saleforce Lightning Design System. Functional components that do not store the state included in its composition depend only on the input data, which contributes to the high performance and flexibility of the solutions created on their basis.
The NG Semantic-UI library includes 27 components and has about a thousand stars on GitHub. It is based on the popular Semantic-UI front-end solution , presented as components for Angular applications.
Clarity is an open source design system created by VMware. It is a combination of UX design guidelines, an HTML / CSS framework, and components for Angular. Clarity gives the developer an extensive array of high performance data binding components.
The NG2 Charts library , which has about a thousand stars on GitHub, gives the developer Angular directives for creating six types of graphs, while the properties used here are based on chart.js . This library can be used to visualize large datasets and display lists.
Separate components for Angular can be found on the awesome-angular and awesome-angular-components pages . In addition, here are some more libraries that we believe will be useful for any Angular developer to know.
In this article, we looked at libraries that we hope will be useful to Angular developers.
Dear readers! If you use Angular, you probably have a list of commonly used libraries. We ask you to tell about them.
⬝ 11 libraries (component sets) for Vue that you should know about in 2018
⬝ 11 libraries (component sets) for React worth knowing in 2018
Here is the third material from the series devoted to the review of libraries for popular web frameworks. Last time we talked about React and Vue . Today our topic is Angular. In this material, in addition to the traditional 11 libraries, we will mention a few more sets of tools worthy of attention.
Angular
Angular is one of the most common web frameworks. And according to a 2017 Stack Overflow study, this framework can be called even the most popular.
According to the Stack Overflow study, Angular can be recognized as the most popular web framework.
The approach to organizing a programmer’s work, used in Angular, is to hide the execution of various office operations in the bowels of the framework, giving the developer convenient tools built on the basis of internal mechanisms. Angular, like React, encourages the use of components and the separation of the application interface into small fragments that are suitable for reuse.
Below is a list of eleven libraries for Angular, some of which may very well come in handy in your next or current project. Most of them are designed for Angular2 +, however, some of them are suitable for older versions of the framework. As with React, you can select individual components from libraries for Angular and use them in a project without installing the entire library.
1. Material2
Material2 is the official Angular component library that implements Google's Material Design concepts. These user interface components can be seen as code examples written in accordance with the recommendations of the Angular development team.
2. NGX Bootstrap
The NGX Bootstrap library has gained about 3.5 thousand stars on GitHub. In it you can find the basic components that implement the capabilities of the Bootstrap template and written for Angular, and not only them. It is suitable for developing desktop and mobile applications and is designed with scalability and adaptability in mind.
3. Prime NG
Prime NG is a library that includes an extensive set of more than 70 user interface components. At the same time, different types of stylization are available here, for example - Material Design and Flat Design. Prime NG has about 3.3 thousand stars on GitHub, it is used by companies such as eBay, Fox, and many others. All this suggests that this library is worthy of attention of those who are looking for a suitable set of components for their project.
4. NG Bootstrap
At NG Bootstrap , popular library, which includes components for Angular, in the style of Bootstrap 4, about 4.5 thousand stars on GitHub. It serves as a replacement for the Angular-ui Bootstrap project , which is no longer supported. NG Bootstrap has a high level of code coverage with tests and the absence of third-party JS dependencies.
5. Onsen UI
The Onsen UI library for Angular is a popular solution for developing hybrid and mobile applications for Android and iOS using JavaScript. This library has about 6 thousand stars on GitHub, it uses bindings, it makes it possible to use various visual styles.
6. Vaadin
The visual elements from the Vaadin library are designed to fill the gap between Angular components and Polymer elements. This library supports Material Design, it contains components suitable for developing mobile and desktop applications. It should be noted that its components are stored in separate repositories.
7. NG-ZORRO
Components from the NG-ZORRO library are written in TypeScript with full typing. The goal of this project is to give developers high-class components for creating user interfaces in the style of Ant Design. This interesting library was created by Chinese developers, on GitHub it has about 2 thousand stars.
8. NG Lightning
The NG Lightning Library is a suite of components designed for the Saleforce Lightning Design System. Functional components that do not store the state included in its composition depend only on the input data, which contributes to the high performance and flexibility of the solutions created on their basis.
9. NG Semantic-UI
The NG Semantic-UI library includes 27 components and has about a thousand stars on GitHub. It is based on the popular Semantic-UI front-end solution , presented as components for Angular applications.
10. Clarity
Clarity is an open source design system created by VMware. It is a combination of UX design guidelines, an HTML / CSS framework, and components for Angular. Clarity gives the developer an extensive array of high performance data binding components.
11. NG2 Charts
The NG2 Charts library , which has about a thousand stars on GitHub, gives the developer Angular directives for creating six types of graphs, while the properties used here are based on chart.js . This library can be used to visualize large datasets and display lists.
About individual components and additional libraries
Separate components for Angular can be found on the awesome-angular and awesome-angular-components pages . In addition, here are some more libraries that we believe will be useful for any Angular developer to know.
- Md2 is a library that implements the principles of Material Design for Angular2.
- Fuel-ui is a set of user interface components for use with Angular2 and Bootstrap 4.
- Covalent is a Teradata user interface platform built around Angular and Material Design.
- Map - Angular directives for Google Maps.
- Devextreme-angular - DevExtreme components for Angular.
- Angular2-mdl - components, directives and styles for Angular, based on the lightweight version of Material Design.
Summary
In this article, we looked at libraries that we hope will be useful to Angular developers.
Dear readers! If you use Angular, you probably have a list of commonly used libraries. We ask you to tell about them.
