Boost your Angular development!
Clone or download
Latest commit 01e99f9 Dec 11, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
packages
playground
website
.editorconfig
.gitignore
.stylelintrc
BUILD_README.md
Dockerfile
LICENSE
README.md
angular.json
dev-publish.sh
package-lock.json
package.json
release-schematics.js
tsconfig.json feat(core): update to angular 7 Oct 22, 2018
tslint.json

README.md

CircleCI npm version

ngx-kit

Boost your Angular development!

Components customizing should be simple. Just generate components from ngx-kit collection and modify them as you like.

ngx-kit logo

Packages

  • @ngx-kit/core — low level services and directives for hiding complex logic.
  • @ngx-kit/collection — set of components based on ngx-kit core and packed into Angular-cli schematics.

Features

  • AOT support
  • Server-rendering support
  • OnPush strategy support

Requirements

  • Angular 7
  • Angular-cli 7

Usage

Add ngx-kit to your project

ng add @ngx-kit/core

Generate UI module

Pick a module from Collection and put the code to your project.

A button for example:

ng g @ngx-kit/collection:ui-button ui-button

Import generated module

@NgModule({
  ...
  imports: [
    ...
    UiButtonModule,

Use component

<button uiButton color="primary">Let's do it!</button>

Modify by your requirements

Only complex (but stable) logic is stored in Core, so you can change generated templates and styles in any way.

Hammerjs

Some collection modules use Hammer.js.

For proper working:

  1. Install npm i hammerjs --save

  2. Import import 'hammerjs'; in main.ts.

License

MIT