Getting Started
FAQ
Straight answers about Ng Brutalism, the Angular version it targets, why it exists, and where it fits compared with other Angular UI libraries.
What is Ng Brutalism?
Ng Brutalism is a neo-brutalist Angular UI component library published as @ng-brutalism/ui. It gives modern Angular apps directive-first components with hard borders, offset shadows, punchy colors, and Tailwind CSS v4 styling ergonomics.
Ng Brutalism offers Angular projects a compact, opinionated component set for building expressive interfaces with a strong visual identity. It ships with loud defaults, directive-first primitives, and CSS tokens you can tune so the brutalist style still fits your brand.
Why build it for Angular?
Angular has excellent application primitives, especially in modern versions with standalone components, signals, and zoneless-friendly patterns. Ng Brutalism is built to fit that world directly, with APIs and interaction patterns that feel natural in Angular applications.
Each component can be imported directly into the Angular component that uses it, which keeps examples small and makes the API easy to scan.
Does it support signals and zoneless Angular?
Yes. The library is designed for modern Angular: standalone imports, signal-friendly internals, and zoneless-friendly interaction patterns. You can use Ng Brutalism in a zoneless app, and you can also use it in Angular apps that still run with zone.js.
Does it require Tailwind CSS v4?
Yes. Ng Brutalism is built around Tailwind CSS v4 and CSS custom properties. It ships with an Angular CLI schematic that helps you get the required styling setup ready out of the box.
How is it different from Angular Material, PrimeNG, Taiga UI, or Spartan?
Different visual job
Many Angular UI libraries are designed to support a wide range of product styles. Ng Brutalism starts from a narrower design promise: neo-brutalist components that look opinionated on day one.
Different customization model
The library leans on CSS tokens and Tailwind utilities rather than a large theme abstraction. You tune borders, shadows, colors, and local component accents close to the markup.
Some Angular libraries focus on unstyled or lightly styled primitives. Ng Brutalism takes a more visual-first approach: the brutalist look ships with the primitives, then CSS tokens and Tailwind utilities let you tune it from there.
Is it production ready?
Ng Brutalism is pre-1.0. The components are usable today, but minor API changes can happen while the library hardens. It is a good fit for prototypes, portfolios, launch pages, side projects, and teams willing to track early releases. For conservative enterprise systems, wait for a later stable release.
What components are included?
The current public preview includes common UI primitives for actions, layout, content, forms, and overlays.
Does it work with SSR?
The docs site itself is prerendered with Analog and Angular. The UI package avoids browser-only assumptions in core primitives where possible, and browser-dependent behavior is kept behind Angular platform checks when needed.
Who made Ng Brutalism?
Ng Brutalism was created by Khang Tran, is MIT licensed, and is published to npm as @ng-brutalism/ui. The source code is available on GitHub.