NG Essentials
Open in ChatGPTOpen in Claude

nge/ui

nge/ui is a small set of standalone UI building blocks for Angular apps. Each one is its own entry point, so you only bundle what you import.

What you get

  • Tree (ui-tree) renders a data tree from your own model through an adapter, with expand/collapse, selection, filtering and keyboard and mouse actions.
  • List (ui-list) renders a list from your items and an item template, with optional selection and text filtering.
  • Icon (ui-icon) renders an icon from Font Awesome, icongram, VS Code codicons, a file or folder type, or a plain image, behind one component.

Installation

bash
npm i @cisstech/nge @angular/cdk
bash
yarn add @cisstech/nge @angular/cdk

ui-tree, ui-list and ui-icon use @angular/cdk, installed above. No other UI dependency is required.

Each component is standalone. Import the ones you use, or their NgModule (NgeUiTreeModule, NgeUiListModule, NgeUiIconModule).

Edit this pageLast updated Jul 13, 2026