Coder Social home page Coder Social logo

CircleCI npm version

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

ngx-kit's Projects

alma icon alma

eCommerce Angular demo based on ngx-kit

ngx-kit icon ngx-kit

DEPRECATED. Some services moved to separated projects: https://github.com/navix/sx-icon, https://github.com/navix/sx-state, https://github.com/navix/sx-focus-listener, https://github.com/navix/sx-class. For other features use @angular/cdk or native HTML/JS.

store icon store

Moved to https://github.com/navix/sx-state

styler icon styler

CSS-in-JS tools for Angular applications

sula icon sula

Angular UI components with native CSS variables theming and module extracting feature

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.