@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 +6 -0
- package/README.md +51 -5
- package/package.json +6 -3
- package/styles.css +2 -0
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
|
-
#
|
|
1
|
+
# ng-brutalism — Neo-brutalist Angular UI Component Library
|
|
2
2
|
|
|
3
3
|
Build loud. Stay sharp.
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
with directive
|
|
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
|
[](https://www.npmjs.com/package/@ng-brutalism/ui)
|
|
10
12
|
[](https://www.npmjs.com/package/@ng-brutalism/ui)
|
|
11
13
|
[](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
|
-

|
|
20
|
+

|
|
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
|
-

|
|
117
|
+

|
|
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.
|
|
4
|
-
"description": "
|
|
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
|
-
"
|
|
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",
|