@nge — modern Angular, framework-pure

ngx-experiments
a clean-room Angular design system

A standalone Nx + Angular reference workspace — standalone components, signals, and zero Angular Material. Each shared library is a self-contained answer to one architecture question, small enough to read end-to-end.

Ledger demo

A charts-forward personal-finance dashboard — the worked example, fully themed and signal-driven.

Open the app →

Storybook

Browse the NGE Design Library, charts, and calendar in isolation — across six persona themes.

Explore components →

Source

Read the Nx monorepo end-to-end — conventions mirrored from a production workspace.

View on GitHub →

Concepts

A custom design libraryStandalone, OnPush components with signal input()/output(), themed entirely through CSS-variable tokens — a full system with zero Material.
An extensible charts libraryOne <nge-chart> driven by composable layers; each chart type is a pure D3 render fn + config a domain can promote upstream by moving files.
A comprehensive component systemA @nge/calendar with day/week/month/year views, drag, resize, and filtering — one component-scoped signals store built from small with-* features.
Custom app domainsScaffold a full library-set — models · store · ui · design-library · utils · mocks · themes — plus an app. Ledger is the worked example.

Stack

Angular 22 Nx 23 NgRx 21 · signals Storybook 10.5 Tailwind 4 TypeScript 6 D3 Zoneless