@ng-brutalism/ui 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -21,6 +21,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
21
21
  - Portfolio journey map sync migrated to `toObservable + subscribe`.
22
22
  - Event handlers renamed to reflect actions rather than triggering events.
23
23
 
24
+ ## [0.1.1] — 2026-05-21
25
+
26
+ ### Fixed
27
+
28
+ - Ensure Tailwind v4 scans the packaged library bundle so component utility classes are generated in consumer apps.
29
+
24
30
  ## [0.1.0] — 2026-05-21
25
31
 
26
32
  Initial public release.
package/README.md CHANGED
@@ -1,11 +1,13 @@
1
- # @ng-brutalism/ui
1
+ # ng-brutalism — Neo-brutalist Angular UI Component Library
2
2
 
3
3
  Build loud. Stay sharp.
4
4
 
5
- `@ng-brutalism/ui` gives modern Angular apps a token-driven component system
6
- with directive-first APIs, keyboard-ready interactions, hard-edged visuals, and
5
+ ng-brutalism is a neo-brutalist Angular UI component library — token-driven,
6
+ signals-first, zoneless, with directive APIs, keyboard-ready interactions, and
7
7
  Tailwind v4 ergonomics from the first import.
8
8
 
9
+ If you like shadcn/ui or daisyUI, but for Angular and built around brutalism.
10
+
9
11
  [![npm version](https://img.shields.io/npm/v/@ng-brutalism/ui.svg)](https://www.npmjs.com/package/@ng-brutalism/ui)
10
12
  [![npm downloads](https://img.shields.io/npm/dm/@ng-brutalism/ui.svg)](https://www.npmjs.com/package/@ng-brutalism/ui)
11
13
  [![CI](https://github.com/khangtrannn/ng-brutalism/actions/workflows/ci.yml/badge.svg)](https://github.com/khangtrannn/ng-brutalism/actions/workflows/ci.yml)
@@ -15,7 +17,7 @@ Tailwind v4 ergonomics from the first import.
15
17
  [npm](https://www.npmjs.com/package/@ng-brutalism/ui) ·
16
18
  [GitHub](https://github.com/khangtrannn/ng-brutalism)
17
19
 
18
- ![demo](https://raw.githubusercontent.com/khangtrannn/ng-brutalism/main/docs/assets/introduction.gif)
20
+ ![ng-brutalism Angular component library demo — buttons, cards, dialogs in neo-brutalist style](https://raw.githubusercontent.com/khangtrannn/ng-brutalism/main/docs/assets/introduction.gif)
19
21
 
20
22
  ## Install
21
23
 
@@ -90,20 +92,64 @@ bootstrapApplication(App, {
90
92
  });
91
93
  ```
92
94
 
95
+ ## Components
96
+
97
+ | Component | Description | Docs |
98
+ | --- | --- | --- |
99
+ | Accordion | Vertically stacked, collapsible content panels with single or multi-expand modes. | [Docs](https://ngbrutalism.khangtran.dev/components/accordion) |
100
+ | Avatar | Compact avatar with image and fallback support. | [Docs](https://ngbrutalism.khangtran.dev/components/avatar) |
101
+ | Badge | Inline status pill with multiple variants. | [Docs](https://ngbrutalism.khangtran.dev/components/badge) |
102
+ | Button | Directive-driven button with size, variant, and shadow controls. | [Docs](https://ngbrutalism.khangtran.dev/components/button) |
103
+ | Card | Container with header, title, description, content, actions, and footer slots. | [Docs](https://ngbrutalism.khangtran.dev/components/card) |
104
+ | Checkbox | Form checkbox with size variants and signal-friendly bindings. | [Docs](https://ngbrutalism.khangtran.dev/components/checkbox) |
105
+ | Dialog | Modal dialog with title, description, content, actions, and close slots. | [Docs](https://ngbrutalism.khangtran.dev/components/dialog) |
106
+ | Image Card | Image-led card with caption overlay for portfolios and galleries. | [Docs](https://ngbrutalism.khangtran.dev/components/image-card) |
107
+ | Input | Single-line text input with size variants. | [Docs](https://ngbrutalism.khangtran.dev/components/input) |
108
+ | Input Group | Input wrapper with prefix and suffix slots for icons, addons, or units. | [Docs](https://ngbrutalism.khangtran.dev/components/input-group) |
109
+ | Label | Accessible label tied to form controls. | [Docs](https://ngbrutalism.khangtran.dev/components/label) |
110
+ | Marquee | Looping horizontal scroller for logos, tags, or announcements. | [Docs](https://ngbrutalism.khangtran.dev/components/marquee) |
111
+ | Select | Native or custom dropdown select with option templating. | [Docs](https://ngbrutalism.khangtran.dev/components/select) |
112
+ | Textarea | Multi-line text input with size variants. | [Docs](https://ngbrutalism.khangtran.dev/components/textarea) |
113
+ | Title | Typographic heading primitive with brutalist defaults. | [Docs](https://ngbrutalism.khangtran.dev/components/title) |
114
+
93
115
  ## What it looks like
94
116
 
95
- ![showcase](https://raw.githubusercontent.com/khangtrannn/ng-brutalism/main/docs/assets/showcase-portfolio.png)
117
+ ![ng-brutalism component showcase — accordion, badge, button, card, checkbox, dialog, input, select rendered in brutalist design](https://raw.githubusercontent.com/khangtrannn/ng-brutalism/main/docs/assets/showcase-portfolio.png)
96
118
 
97
119
  ## Documentation
98
120
 
99
121
  Full guides, component API tables, and live examples:
100
122
  [https://ngbrutalism.khangtran.dev](https://ngbrutalism.khangtran.dev)
101
123
 
124
+ ## FAQ
125
+
126
+ **Does ng-brutalism support Angular 21?**
127
+ Yes — it is built and tested against Angular 21. Earlier Angular versions are not supported.
128
+
129
+ **Do I need Tailwind CSS v4?**
130
+ Yes. ng-brutalism is built on Tailwind v4's token system. Tailwind v3 is not supported.
131
+
132
+ **Can I use ng-brutalism without zoneless mode?**
133
+ Yes — components are signal-driven and work in both zone.js and zoneless apps.
134
+
135
+ **Does ng-brutalism work with server-side rendering (SSR)?**
136
+ Components are zoneless and avoid direct DOM access where possible, so SSR is expected to work — but it is not yet exhaustively verified at v0.1.0.
137
+
138
+ **How customizable is the theme?**
139
+ All visual tokens are exposed as CSS custom properties (`--nb-*`). A subset of tokens can also be configured from TypeScript via `provideNgBrutalism({ theme: ... })` at bootstrap.
140
+
141
+ **Is ng-brutalism ready for production?**
142
+ It is pre-1.0. Component APIs are usable today, but minor versions may include breaking changes while the library settles.
143
+
102
144
  ## Status
103
145
 
104
146
  `@ng-brutalism/ui` is pre-1.0. The component APIs are usable today, but minor
105
147
  versions may include breaking changes while the library settles.
106
148
 
149
+ ## Contributing
150
+
151
+ Issues and pull requests are welcome. See [CONTRIBUTING.md](https://github.com/khangtrannn/ng-brutalism/blob/main/CONTRIBUTING.md) for details.
152
+
107
153
  ## License
108
154
 
109
155
  MIT
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ng-brutalism/ui",
3
- "version": "0.1.0",
4
- "description": "A neo-brutalist Angular component library Signals Zoneless • Token-based Tailwind v4.",
3
+ "version": "0.1.1",
4
+ "description": "Neo-brutalist Angular component library (ng-brutalism) with signals, zoneless, token-driven design, and Tailwind v4.",
5
5
  "license": "MIT",
6
6
  "author": "Khang Tran <khangtrann8198@gmail.com>",
7
7
  "repository": {
@@ -13,14 +13,17 @@
13
13
  "url": "https://github.com/khangtrannn/ng-brutalism/issues"
14
14
  },
15
15
  "keywords": [
16
+ "ng-brutalism",
16
17
  "neo-brutalism",
17
18
  "neo-brutalism-ui",
18
- "neo brutalism",
19
+ "neobrutalism",
20
+ "neobrutalist",
19
21
  "brutalism",
20
22
  "brutalist-design",
21
23
  "angular",
22
24
  "angular-ui",
23
25
  "angular-components",
26
+ "angular-brutalism",
24
27
  "ui",
25
28
  "ui-library",
26
29
  "component-library",
package/styles.css CHANGED
@@ -1,6 +1,8 @@
1
1
  /* styles.css - full theme + base reset */
2
2
  @import './theme.css';
3
3
 
4
+ @source './fesm2022/ng-brutalism-ui.mjs';
5
+
4
6
  *,
5
7
  *::before,
6
8
  *::after {