NMCE Projects

June 6, 2026 · View on GitHub

The projects of Angular Material Components Extensions are to deliver a set of reusable Angular codes and Extensions of Angular Material UI Component Library, aggregating common design patterns of utilizing Angular Material Components, targeting complex business applications with rich data structures, intensive GUI and complex workflows, and enabling Rapid Application Development.

Showcase

Demo

Demo Sites in various locales.

Products Built with These Components

Projects

nmce : A few sets of components and services extending Angular Material Components for Rapid Application Development.
nmce-html-editor : A few dialog services based on @kolkov/angular-editor, present a HTML editor in a dialog.
nmce-func : Common functions used in business applications, as well as the components and the services in this NMCE libraries.
nmce-json-diff : A simple dialog service based on jsondiffpatch.
nmce-pipes : Common simple Angular pipes.
nmce-directives : Common simple Angular directives.
demoapp: A demo application demonstrating features of all above.

Remarks:

The libraries and the demo app are all zoneless.
As of Angular 21, signal-based approach is not yet considered in this project. Upon Angular 22.* or plus, AI may be able to transform the libraries for signal based CD.

Designs

The UI design conforms to Material Design, and the visual components are constructed through composing, bridging and wrapping of existing Angular Material Components and CDK.

When considering the use cases and making design trade-off, the priority is:

Desktop with big monitors, mouse and keyboard
Tablet
Smartphone

TV screen is out of scope.

Installation

Most app programmers may just need to install nmce .

Internationalization (I18N)

The libraries use Angular’s $localize for translatable messages.
If your application uses Angular i18n, make sure the $localize runtime is loaded by importing the following in apps's main entry point (e.g., polyfills.ts or main.ts):

import '@angular/localize/init';

Alternative or Complementary

There are a few similar open source projects:

Based on Angular Material Design Components

Just like NMCE, these component suites are relevant when you have already been using Angular Material Design Components.

Angular Material Extensions.
angular-material-extensions, most repositories are up to date as of 2023.

Hints:

Mixing these 2 component suites along with NMCE in the same app is surely feasible and economical.