├── LICENSE └── README.md /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 Tiep Phan 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # List Angular Native Library 2 | 3 | This repo lists some featured projects, written by native Angular - No jQuery 4 | 5 | 6 | - [UI Component Libraries](#ui-component-libraries) 7 | - [Component infrastructure and Material Design components for Angular](#component-infrastructure-and-material-design-components-for-angular) 8 | - [Ng-Bootstrap widgets](#ng-bootstrap-widgets) 9 | - [Ngx-Bootstrap widgets](#ngx-bootstrap-widgets) 10 | - [Ant Design of Angular](#ant-design-of-angular) 11 | - [Clarity Design System](#clarity-design-system) 12 | - [ngx-datatable](#ngx-datatable) 13 | - [ngx-dnd (Drag, Drop and Sorting Library for Angular2 and beyond! )](#ngx-dnd-drag-drop-and-sorting-library-for-angular2-and-beyond-) 14 | - [Covalent UI Platform for building enterprise desktop web apps](#covalent-ui-platform-for-building-enterprise-desktop-web-apps) 15 | - [ag-grid World's Leading Angular Datagrid Component](#ag-grid-worlds-leading-angular-datagrid-component) 16 | - [Blox Material](#blox-material) 17 | - [An Angular implementation of the Carbon Design System](#an-angular-implementation-of-the-carbon-design-system) 18 | - [Nebular](#nebular) 19 | - [PrimeNG](#primeng) 20 | - [ngx-infinite-scroll (Infinite Scroll Directive for Angular)](#ngx-infinite-scroll-infinite-scroll-directive-for-angular) 21 | - [ngx-gallery ( Angular Gallery, Carousel and Lightbox)](#ngx-gallery--angular-gallery-carousel-and-lightbox) 22 | - [ngx-scrollbar (Custom overlay-scrollbars with native scrolling mechanism)](#ngx-scrollbar-custom-overlay-scrollbars-with-native-scrolling-mechanism) 23 | - [ngx-progressbar](#ngx-progressbar) 24 | - [Charts Libraries](#charts-libraries) 25 | - [ngx-charts (Declarative Charting Framework for Angular)](#ngx-charts-declarative-charting-framework-for-angular) 26 | - [apexcharts](#apexcharts) 27 | - [Data Libraries](#data-libraries) 28 | - [NGRX Reactive State for Angular](#ngrx-reactive-state-for-angular) 29 | - [Akita (a state management pattern)](#akita-a-state-management-pattern) 30 | - [i18n Libraries](#i18n-libraries) 31 | - [transloco (The internationalization (i18n) library for Angular)](#transloco-the-internationalization-i18n-library-for-angular) 32 | 33 | 34 | 35 | ## UI Component Libraries 36 | 37 | ### Component infrastructure and Material Design components for Angular 38 | 39 | - [Github](https://github.com/angular/components) 40 | - [Homepage](https://material.angular.io/) 41 | 42 | Installation: https://material.angular.io/guide/getting-started 43 | 44 | Schematics: 45 | ```bash 46 | ng add @angular/material 47 | ``` 48 | 49 | ### Ng-Bootstrap widgets 50 | 51 | - [Github](https://github.com/ng-bootstrap/ng-bootstrap) 52 | - [Homepage](https://ng-bootstrap.github.io/) 53 | 54 | Installation: https://ng-bootstrap.github.io/#/getting-started 55 | 56 | 57 | ### Ngx-Bootstrap widgets 58 | 59 | - [Github](https://github.com/valor-software/ngx-bootstrap) 60 | - [Homepage](https://valor-software.com/ngx-bootstrap/) 61 | 62 | Installation: https://valor-software.com/ngx-bootstrap/#/documentation#getting-started 63 | 64 | Schematics: 65 | ```bash 66 | ng add ngx-bootstrap 67 | # or 68 | ng add ngx-bootstrap --component componentName 69 | ``` 70 | 71 | ### Ant Design of Angular 72 | 73 | - [Github](https://github.com/NG-ZORRO/ng-zorro-antd) 74 | - [Homepage](https://ng.ant.design/docs/introduce/en) 75 | 76 | Installation: https://ng.ant.design/docs/getting-started/en 77 | 78 | Schematics: 79 | ```bash 80 | ng add ng-zorro-antd 81 | ``` 82 | 83 | ### Clarity Design System 84 | 85 | - [Github](https://github.com/vmware/clarity/) 86 | - [Homepage](https://clarity.design/) 87 | 88 | Installation: https://v2.clarity.design/get-started 89 | 90 | ### ngx-datatable 91 | 92 | - [Github](https://github.com/swimlane/ngx-datatable) 93 | - [Homepage](http://swimlane.github.io/ngx-datatable/) 94 | 95 | Installation: https://swimlane.gitbook.io/ngx-datatable/installing 96 | 97 | ### ngx-dnd (Drag, Drop and Sorting Library for Angular2 and beyond! ) 98 | 99 | - [Github](https://github.com/swimlane/ngx-dnd) 100 | - [Homepage](http://swimlane.github.io/ngx-dnd/) 101 | 102 | Installation: https://swimlane.github.io/ngx-dnd/#/#install 103 | 104 | ### Covalent UI Platform for building enterprise desktop web apps 105 | 106 | - [Github](https://github.com/teradata/covalent) 107 | - [Homepage](https://teradata.github.io/covalent/) 108 | 109 | Installation: https://teradata.github.io/covalent/#/docs 110 | 111 | ### ag-grid World's Leading Angular Datagrid Component 112 | 113 | - [Homepage](https://www.ag-grid.com/best-angular-2-data-grid/) 114 | 115 | Installation: https://www.ag-grid.com/angular-getting-started/ 116 | 117 | ### Blox Material 118 | 119 | - [Github](https://github.com/src-zone/material) 120 | - [Homepage](https://blox.src.zone/material) 121 | 122 | Installation: https://blox.src.zone/material/guides/gettingstarted 123 | 124 | ### An Angular implementation of the Carbon Design System 125 | 126 | - [Github](https://github.com/IBM/carbon-components-angular) 127 | - [Homepage](https://angular.carbondesignsystem.com) 128 | 129 | Installation: https://angular.carbondesignsystem.com/documentation/index.html 130 | 131 | ### Nebular 132 | 133 | - [Github](https://github.com/akveo/nebular/) 134 | - [Homepage](https://akveo.github.io/nebular/) 135 | 136 | Installation: https://akveo.github.io/nebular/docs/guides/install-nebular#install-nebular 137 | 138 | ### PrimeNG 139 | 140 | - [Github](https://github.com/primefaces/primeng) 141 | - [Homepage](https://www.primefaces.org/primeng/#/) 142 | 143 | Installation: https://www.primefaces.org/primeng/#/setup 144 | 145 | ### ngx-infinite-scroll (Infinite Scroll Directive for Angular) 146 | 147 | - [Github](https://github.com/orizens/ngx-infinite-scroll) 148 | 149 | ### ngx-gallery ( Angular Gallery, Carousel and Lightbox) 150 | 151 | - [Github](https://github.com/MurhafSousli/ngx-gallery) 152 | - [Homepage](https://murhafsousli.github.io/ngx-gallery/#/) 153 | 154 | Installation: https://murhafsousli.github.io/ngx-gallery/#/getting-started/core 155 | 156 | ### ngx-scrollbar (Custom overlay-scrollbars with native scrolling mechanism) 157 | 158 | - [Github](https://github.com/MurhafSousli/ngx-scrollbar) 159 | - [Homepage](https://ngx-scrollbar.netlify.com/) 160 | 161 | Installation: https://github.com/MurhafSousli/ngx-scrollbar/wiki 162 | 163 | ### ngx-progressbar 164 | 165 | - [Github](https://github.com/MurhafSousli/ngx-progressbar) 166 | - [Homepage](https://murhafsousli.github.io/ngx-progressbar/#/) 167 | 168 | Installation: https://github.com/MurhafSousli/ngx-progressbar/wiki/Usage 169 | 170 | ## Charts Libraries 171 | 172 | ### ngx-charts (Declarative Charting Framework for Angular) 173 | 174 | - [Github](https://github.com/swimlane/ngx-charts) 175 | - [Homepage](http://swimlane.github.io/ngx-charts/) 176 | 177 | Installation: https://swimlane.gitbook.io/ngx-charts/installing 178 | 179 | ### apexcharts 180 | 181 | - [Github](https://github.com/apexcharts/apexcharts.js) 182 | - [Github Angular Wrapper](https://github.com/apexcharts/ng-apexcharts) 183 | - [Homepage](https://apexcharts.com) 184 | 185 | Installation: https://apexcharts.com/docs/installation/ 186 | 187 | ## Data Libraries 188 | 189 | ### NGRX Reactive State for Angular 190 | 191 | - [Github](https://github.com/ngrx/platform) 192 | - [Homepage](https://ngrx.io/) 193 | 194 | Installation: https://ngrx.io/guide/store/install 195 | 196 | ### Akita (a state management pattern) 197 | 198 | - [Github](https://github.com/datorama/akita) 199 | - [Homepage](https://netbasal.gitbook.io/akita/) 200 | 201 | Installation: https://netbasal.gitbook.io/akita/getting-started/installation 202 | 203 | ## i18n Libraries 204 | 205 | ### transloco (The internationalization (i18n) library for Angular) 206 | 207 | - [Github](https://github.com/ngneat/transloco) 208 | - [Homepage](https://transloco.netlify.com) 209 | 210 | Installation: https://netbasal.gitbook.io/transloco/installation 211 | 212 | --------------------------------------------------------------------------------