PGMPi GUI 1 – dashboard

Angular + Tailwind CSS + Nx

You manage 5 key tools (0 favourites).

Stable3

Release candidate1

Experimental1

Demo navigation

Button pairs highlight the difference between SPA navigation (requires JavaScript) and SSR links that keep working with scripts disabled.

Server mode

This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.

SSR: /en/ssr/server

HTML is rendered on demand. The SSR link stays functional even without JavaScript because the server returns an up-to-date page.

Prerender mode (:toolId)

This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.

SSR: /en/ssr/prerender/angular

HTML is generated at build time for predefined parameters — perfect for a CDN. The SSR link serves a static file.

Client mode

This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.

SSR: /en/ssr/client

The SSR link returns an empty shell — the page renders after hydration, so this mode requires active JavaScript.

Localization insights

This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.

SSR: /en/insights

The lazy module loads a dedicated translation scope to prove Transloco works with lazy routes.

Angular

Stable

Framework

Angular 20 introduces Signals, incremental hydration and route rendering in server, prerender and client modes.

This action updates client-side state and requires JavaScript. Reload the page after enabling JS.

Tailwind CSS

Stable

Styling

Tailwind 3 provides utility classes so you can craft UI without leaving HTML. It works great with Angular Signals.

This action updates client-side state and requires JavaScript. Reload the page after enabling JS.

Nx Workspace

Stable

Tooling

Nx 21 ships continuous tasks, a new terminal UI and automated AI hints — essential when scaling to hundreds of projects.

This action updates client-side state and requires JavaScript. Reload the page after enabling JS.

Playwright

Release candidate

Tooling

Playwright 1.56 offers a trace viewer and reliable CI runs. Nx integrates it directly as an e2e target.

This action updates client-side state and requires JavaScript. Reload the page after enabling JS.

Angular Signals

Experimental

Framework

Signals remove manual ChangeDetectorRef — describe state declaratively and Angular propagates updates predictively.

This action updates client-side state and requires JavaScript. Reload the page after enabling JS.

Select a card to view details and manage favourites.