Ng Brutalism

The neo-brutalist Angular UI library

Created by Khang Tran

Ng Brutalism is the neo-brutalist Angular UI library — a token-driven set of brutalist Angular components with signals, zoneless-friendly change detection, and Tailwind v4 ergonomics. Hard borders, offset shadows, punchy colors, and keyboard-ready interactions from the first import.

15Components
NGModern Angular
TW4Tailwind v4 tokens
MITOpen source
Angular

Why neo-brutalism for Angular?

Angular native

Built as Angular primitives with directive APIs, signal inputs, and native interaction patterns that fit modern Angular apps.

Loud by default

Thick borders, offset shadows, punchy color, and compact motion. Brutalist Angular components that look like they mean it.

Tokens, not magic

CSS custom properties and Tailwind v4 utilities keep theme overrides local, visible, and predictable.

Install

Run the Angular CLI schematic — it installs the package, configures Tailwind CSS v4, and adds the global stylesheet import in one step.

Angular CLI
ng add @ng-brutalism/ui

Need manual setup or want to review each step? See the introduction for full details.

Explore