An open API service indexing awesome lists of open source software.

https://github.com/tieppt/angular-native

Lists some featured projects, written by native Angular - No jQuery
https://github.com/tieppt/angular-native

angular component component-library

Last synced: 7 months ago
JSON representation

Lists some featured projects, written by native Angular - No jQuery

Awesome Lists containing this project

README

          

# List Angular Native Library

This repo lists some featured projects, written by native Angular - No jQuery

- [UI Component Libraries](#ui-component-libraries)
- [Component infrastructure and Material Design components for Angular](#component-infrastructure-and-material-design-components-for-angular)
- [Ng-Bootstrap widgets](#ng-bootstrap-widgets)
- [Ngx-Bootstrap widgets](#ngx-bootstrap-widgets)
- [Ant Design of Angular](#ant-design-of-angular)
- [Clarity Design System](#clarity-design-system)
- [ngx-datatable](#ngx-datatable)
- [ngx-dnd (Drag, Drop and Sorting Library for Angular2 and beyond! )](#ngx-dnd-drag-drop-and-sorting-library-for-angular2-and-beyond-)
- [Covalent UI Platform for building enterprise desktop web apps](#covalent-ui-platform-for-building-enterprise-desktop-web-apps)
- [ag-grid World's Leading Angular Datagrid Component](#ag-grid-worlds-leading-angular-datagrid-component)
- [Blox Material](#blox-material)
- [An Angular implementation of the Carbon Design System](#an-angular-implementation-of-the-carbon-design-system)
- [Nebular](#nebular)
- [PrimeNG](#primeng)
- [ngx-infinite-scroll (Infinite Scroll Directive for Angular)](#ngx-infinite-scroll-infinite-scroll-directive-for-angular)
- [ngx-gallery ( Angular Gallery, Carousel and Lightbox)](#ngx-gallery--angular-gallery-carousel-and-lightbox)
- [ngx-scrollbar (Custom overlay-scrollbars with native scrolling mechanism)](#ngx-scrollbar-custom-overlay-scrollbars-with-native-scrolling-mechanism)
- [ngx-progressbar](#ngx-progressbar)
- [Charts Libraries](#charts-libraries)
- [ngx-charts (Declarative Charting Framework for Angular)](#ngx-charts-declarative-charting-framework-for-angular)
- [apexcharts](#apexcharts)
- [Data Libraries](#data-libraries)
- [NGRX Reactive State for Angular](#ngrx-reactive-state-for-angular)
- [Akita (a state management pattern)](#akita-a-state-management-pattern)
- [i18n Libraries](#i18n-libraries)
- [transloco (The internationalization (i18n) library for Angular)](#transloco-the-internationalization-i18n-library-for-angular)

## UI Component Libraries

### Component infrastructure and Material Design components for Angular

- [Github](https://github.com/angular/components)
- [Homepage](https://material.angular.io/)

Installation: https://material.angular.io/guide/getting-started

Schematics:
```bash
ng add @angular/material
```

### Ng-Bootstrap widgets

- [Github](https://github.com/ng-bootstrap/ng-bootstrap)
- [Homepage](https://ng-bootstrap.github.io/)

Installation: https://ng-bootstrap.github.io/#/getting-started

### Ngx-Bootstrap widgets

- [Github](https://github.com/valor-software/ngx-bootstrap)
- [Homepage](https://valor-software.com/ngx-bootstrap/)

Installation: https://valor-software.com/ngx-bootstrap/#/documentation#getting-started

Schematics:
```bash
ng add ngx-bootstrap
# or
ng add ngx-bootstrap --component componentName
```

### Ant Design of Angular

- [Github](https://github.com/NG-ZORRO/ng-zorro-antd)
- [Homepage](https://ng.ant.design/docs/introduce/en)

Installation: https://ng.ant.design/docs/getting-started/en

Schematics:
```bash
ng add ng-zorro-antd
```

### Clarity Design System

- [Github](https://github.com/vmware/clarity/)
- [Homepage](https://clarity.design/)

Installation: https://v2.clarity.design/get-started

### ngx-datatable

- [Github](https://github.com/swimlane/ngx-datatable)
- [Homepage](http://swimlane.github.io/ngx-datatable/)

Installation: https://swimlane.gitbook.io/ngx-datatable/installing

### ngx-dnd (Drag, Drop and Sorting Library for Angular2 and beyond! )

- [Github](https://github.com/swimlane/ngx-dnd)
- [Homepage](http://swimlane.github.io/ngx-dnd/)

Installation: https://swimlane.github.io/ngx-dnd/#/#install

### Covalent UI Platform for building enterprise desktop web apps

- [Github](https://github.com/teradata/covalent)
- [Homepage](https://teradata.github.io/covalent/)

Installation: https://teradata.github.io/covalent/#/docs

### ag-grid World's Leading Angular Datagrid Component

- [Homepage](https://www.ag-grid.com/best-angular-2-data-grid/)

Installation: https://www.ag-grid.com/angular-getting-started/

### Blox Material

- [Github](https://github.com/src-zone/material)
- [Homepage](https://blox.src.zone/material)

Installation: https://blox.src.zone/material/guides/gettingstarted

### An Angular implementation of the Carbon Design System

- [Github](https://github.com/IBM/carbon-components-angular)
- [Homepage](https://angular.carbondesignsystem.com)

Installation: https://angular.carbondesignsystem.com/documentation/index.html

### Nebular

- [Github](https://github.com/akveo/nebular/)
- [Homepage](https://akveo.github.io/nebular/)

Installation: https://akveo.github.io/nebular/docs/guides/install-nebular#install-nebular

### PrimeNG

- [Github](https://github.com/primefaces/primeng)
- [Homepage](https://www.primefaces.org/primeng/#/)

Installation: https://www.primefaces.org/primeng/#/setup

### ngx-infinite-scroll (Infinite Scroll Directive for Angular)

- [Github](https://github.com/orizens/ngx-infinite-scroll)

### ngx-gallery ( Angular Gallery, Carousel and Lightbox)

- [Github](https://github.com/MurhafSousli/ngx-gallery)
- [Homepage](https://murhafsousli.github.io/ngx-gallery/#/)

Installation: https://murhafsousli.github.io/ngx-gallery/#/getting-started/core

### ngx-scrollbar (Custom overlay-scrollbars with native scrolling mechanism)

- [Github](https://github.com/MurhafSousli/ngx-scrollbar)
- [Homepage](https://ngx-scrollbar.netlify.com/)

Installation: https://github.com/MurhafSousli/ngx-scrollbar/wiki

### ngx-progressbar

- [Github](https://github.com/MurhafSousli/ngx-progressbar)
- [Homepage](https://murhafsousli.github.io/ngx-progressbar/#/)

Installation: https://github.com/MurhafSousli/ngx-progressbar/wiki/Usage

## Charts Libraries

### ngx-charts (Declarative Charting Framework for Angular)

- [Github](https://github.com/swimlane/ngx-charts)
- [Homepage](http://swimlane.github.io/ngx-charts/)

Installation: https://swimlane.gitbook.io/ngx-charts/installing

### apexcharts

- [Github](https://github.com/apexcharts/apexcharts.js)
- [Github Angular Wrapper](https://github.com/apexcharts/ng-apexcharts)
- [Homepage](https://apexcharts.com)

Installation: https://apexcharts.com/docs/installation/

## Data Libraries

### NGRX Reactive State for Angular

- [Github](https://github.com/ngrx/platform)
- [Homepage](https://ngrx.io/)

Installation: https://ngrx.io/guide/store/install

### Akita (a state management pattern)

- [Github](https://github.com/datorama/akita)
- [Homepage](https://netbasal.gitbook.io/akita/)

Installation: https://netbasal.gitbook.io/akita/getting-started/installation

## i18n Libraries

### transloco (The internationalization (i18n) library for Angular)

- [Github](https://github.com/ngneat/transloco)
- [Homepage](https://transloco.netlify.com)

Installation: https://netbasal.gitbook.io/transloco/installation