open-index/open-npm huggingface dataset:
npm package: @ng-fish/ng-fish
Description: 整合Angular相关的开源组件，形成一套好看又好用的组件库，尽量能覆盖日常开发中的大部分业务场景。
Author: damoqiongqiu
Latest version: 1.0.7

# NG-FISH

整合Angular相关的开源组件，形成一套好看又好用的组件库，尽量能覆盖日常开发中的大部分业务场景。

## 自己编译此项目

- git克隆本项目代码
- npm install
- gulp

注意：这个项目才刚刚开始，请暂时不要使用，除非你知道自己在做什么。

## 这个组件库提供了哪些组件？

来自ng-bootstrap的组件，共16个，https://ng-bootstrap.github.io/#/home

Accordion

Alert

Buttons

Carousel

Collapse

Datepicker

Dropdown

Modal

Pagination

Popover

Protressbar

Rating

Tabs

Timepicker

Tooltip

Typeahead

DataGrid https://github.com/swimlane/ngx-datatable  

Calendar 

Tree https://github.com/500tech/angular-tree-component

QRcode https://github.com/techiediaries/ngx-qrcode

FileUpload https://github.com/valor-software/ng2-file-upload

ColorPicker 

TinyMCE？

ECharts

jsplumb(BPM)

## 这个组件库是怎么设计的？
整体上：以ng2-bootsrap为蓝本，整合了github上大量的开源Angular组件而成。外观方面使用了Bootstrap 4.x，你可以整体替换Bootstrap风格。

在整合的过程中，重写或者重构了很多代码，因为每一个作者的编码风格不一样，如果什么都不改直接堆起来会让我感到不舒服。所以我统一了编码风格，删掉了重复的函数等等。

## License
MIT
npm package: @ng-flexy/core
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 20.0.1-alpha.0

# @ng-flexy/core


#### Install

run `npm i --save @ng-flexy/core`

## Docs
<a href="https://ng-flexy.io/core">https://ng-flexy.io/core</a>
npm package: @ng-flexy/crud
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 10.0.1

# Crud

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.3.

## Code scaffolding

Run `ng generate component component-name --project crud` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project crud`.

> Note: Don't forget to add `--project crud` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build crud` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build crud`, go to the dist folder `cd dist/crud` and run `npm publish`.

## Running unit tests

Run `ng test crud` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ng-flexy/form
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 20.0.1-alpha.0

# Form

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.3.

## Code scaffolding

Run `ng generate component component-name --project form` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project form`.

> Note: Don't forget to add `--project form` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build form` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build form`, go to the dist folder `cd dist/form` and run `npm publish`.

## Running unit tests

Run `ng test form` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ng-flexy/form-bootstrap
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 10.0.3

# FormBootstrap

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.3.

## Code scaffolding

Run `ng generate component component-name --project form-bootstrap` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project form-bootstrap`.

> Note: Don't forget to add `--project form-bootstrap` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build form-bootstrap` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build form-bootstrap`, go to the dist folder `cd dist/form-bootstrap` and run `npm publish`.

## Running unit tests

Run `ng test form-bootstrap` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ng-flexy/freezer
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 20.0.1-alpha.0

# @ng-flexy/freezer


#### Install

run `npm i --save @ng-flexy/freezer`

## Docs
<a href="https://ng-flexy.io/freezer">https://ng-flexy.io/freezer</a>
npm package: @ng-flexy/graphs
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 10.0.1

# Graphs

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.3.

## Code scaffolding

Run `ng generate component component-name --project graphs` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project graphs`.

> Note: Don't forget to add `--project graphs` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build graphs` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build graphs`, go to the dist folder `cd dist/graphs` and run `npm publish`.

## Running unit tests

Run `ng test graphs` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ng-flexy/highcharts
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 10.0.1

# Highcharts

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.3.

## Code scaffolding

Run `ng generate component component-name --project highcharts` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project highcharts`.

> Note: Don't forget to add `--project highcharts` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build highcharts` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build highcharts`, go to the dist folder `cd dist/highcharts` and run `npm publish`.

## Running unit tests

Run `ng test highcharts` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ng-flexy/json-impexp
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 12.0.1-alpha.1

# JsonImpexp

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.3.

## Code scaffolding

Run `ng generate component component-name --project json-impexp` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project json-impexp`.

> Note: Don't forget to add `--project json-impexp` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build json-impexp` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build json-impexp`, go to the dist folder `cd dist/json-impexp` and run `npm publish`.

## Running unit tests

Run `ng test json-impexp` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ng-flexy/layout
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 20.0.1-alpha.0

# Layout

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.3.

## Code scaffolding

Run `ng generate component component-name --project layout` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project layout`.

> Note: Don't forget to add `--project layout` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build layout` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build layout`, go to the dist folder `cd dist/layout` and run `npm publish`.

## Running unit tests

Run `ng test layout` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ng-flexy/skins
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 12.0.1-alpha.1

# @ng-flexy/skins


#### Install

run `npm i --save @ng-flexy/skins`

## Docs
<a href="https://ng-flexy.io/skins">https://ng-flexy.io/skins</a>
npm package: @ng-flexy/toasts
Description: Flexy components and tools to build Angular 8+ applications
Author: Miroslaw Kapinos
Latest version: 12.0.1-alpha.1



#### Install

run `npm i --save @ng-flexy/toasts`

## Docs
<a href="https://ng-flexy.io/toasts">https://ng-flexy.io/toasts</a>
npm package: @ng-fluxify/store
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.11.
Author: Émile Taverne
Latest version: 0.0.5

# StoreService

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.11.

## Code scaffolding

Run `ng generate component component-name --project store` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project store`.
> Note: Don't forget to add `--project store` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build store` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build store`, go to the dist folder `cd dist/store` and run `npm publish`.

## Running unit tests

Run `ng test store` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @ng-forms/file-upload
Description: > Angular module used for file upload
Author: Ivan Pintar
Latest version: 1.1.1

# @ng-forms/file-upload
> Angular module used for file upload



[![npm version](https://badge.fury.io/js/%40ng-forms%2Ffile-upload.svg)](https://www.npmjs.com/package/@ng-forms/file-upload)
[![Build Status](https://travis-ci.com/pIvan/file-upload.svg?branch=master)](https://travis-ci.org/pIvan/file-upload)


# The library has been moved to new location
    
for easier maintenance and adding new libraries @iplab organization was 
created, that's why this library is moved to new location
[@iplab/ngx-file-upload](https://www.npmjs.com/package/@iplab/ngx-file-upload)


# Demo
more detailed instructions can be found
[here](https://pivan.github.io/file-upload/)


## Licensing

@ng-forms/file-upload is freely distributable under the terms of the [MIT license](https://github.com/pIvan/file-upload/blob/master/LICENSE).
npm package: @ng-frrri/ngxs
Description: > Angular at 250 MPH
Author: marian@bitflut.com bitflut.com
Latest version: 0.0.7

# FRRRI

> Angular at 250 MPH

## @ng-frrri/ngxs

See [Quick start](https://bitflut.gitbook.io/frrri/) for minimal setup instructions.

## License

[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)
npm package: @ng-frrri/ngxs-http
Description: This library was generated with [Nx](https://nx.dev).
Author: marian@bitflut.com bitflut.com
Latest version: 0.0.7

# ngxs-http

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test ngxs-http` to execute the unit tests.
npm package: @ng-frrri/router-middleware
Description: > Angular routes at 250 km/h
Author: marian@bitflut.com bitflut.com
Latest version: 0.0.7

# @ng-frrri/router-middleware

> Angular routes at 250 km/h

### Synopsis

We have many years of experience building and reviewing enterprise applications using Angular. Most applications communicate with apis and use state management patterns for their UIs, preferably with @ngrx, @ngxs or Akita.

We were able to reduce a lot of boilerplate code with @ngrx/data, but the way data was fetched and displayed was still hard to figure out in most applications. We needed to look through reducers, effects, resolvers and components in order to understand how data is flowing.

Ideally, we figured, you should be able to read an application's data flow simply by looking at its routes. So we came up with a data flow pattern solution that hooks into Angular's router (and a silly name). Here is @ng-frrri/router-middleware.

### What it looks like:

```typescript
import { operate } from '@ng-frrri/router-middleware';
import { getMany, getActive, reset } from '@ng-frrri/router-middleware/operators';

const all = 'entities';
const posts = 'entities.posts';

const routes: Routes = [
    {
        path: 'posts',
        data: operate(
            reset(all),
            getMany(posts),
        ),
        children: [
            {
                path: ':id',
                data: operate(
                    getActive(posts),
                ),
            },
        ],
    },
];
```

## Integrations

As of now, we have integrated our router-middleware with @ngxs, our state management solution of choice these days.
Until documentation catches up, see the ng-integration example in the GitHub repository.

## License

[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)