Installation

Prerequisites

Components are composed from Tailwind utilities applied through nbClass. The library expects your app to have Tailwind CSS v4 configured and scanning your project source. Without it the host classes will not resolve and components will render unstyled.

Package

npm install @ng-brutalism/ui
# or
pnpm add @ng-brutalism/ui

Styles

Import the bundled stylesheet once at your app's entry (e.g. src/styles.css). It includes the default theme tokens; import @ng-brutalism/ui/theme.css directly only when you need the token sheet by itself.

@import '@ng-brutalism/ui/styles.css';

Provider (optional)

The provider is only needed if you want to override theme tokens from Angular config. The simpler alternative is to redefine the CSS custom properties in your own stylesheet.

import { ApplicationConfig } from '@angular/core';
import { provideNgBrutalism } from '@ng-brutalism/ui';

export const appConfig: ApplicationConfig = {
  providers: [
    provideNgBrutalism({
      theme: {
        radius: '0px',
        borderWidth: '3px',
      },
    }),
  ],
};

Usage

import { Component } from '@angular/core';
import { NbButton } from '@ng-brutalism/ui';

@Component({
  selector: 'app-example',
  imports: [NbButton],
  template: `<button nbButton variant="neutral" style="--nb-button-bg: #fff">Ship it</button>`,
})
export class Example {}