Work

Angular library · Open source

ngx-beautiful-ui

Signal-based Angular components for AI chat interfaces, ported from Beautiful UI.

The ngx-beautiful-ui demo: a chat panel with a markdown table, a numbered list and source chips

Beautiful UI is a set of copy-paste React primitives for AI-native interfaces. ngx-beautiful-ui is an unofficial port to Angular: 27 standalone components for chat panels, prompt bars, streaming text, thinking traces, source chips and agent status.

It follows modern Angular throughout, with signal inputs, OnPush change detection and plain SCSS themed through CSS custom properties. There is no Tailwind and no UI framework underneath. It’s published on npm, with a live demo you can try in the browser.

Role
Port and maintenance
Built with
Angular 21, TypeScript, Signals, SCSS
Links
Live demoGitHubnpm