@ng-brutalism/ui 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -21,6 +21,21 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Portfolio journey map sync migrated to `toObservable + subscribe`.
 - Event handlers renamed to reflect actions rather than triggering events.
 
+## [0.1.2] — 2026-05-23
+
+### Changed
+
+- npm package `description` rewritten to lead with "neo-brutalist Angular UI library" and include "brutalist Angular components" and `ng add @ng-brutalism/ui` (T1/T2 keyword alignment).
+- npm `keywords`: added `ngbrutalism`, `ng-add`, `schematics`; removed generic `ui` and redundant `tailwind`.
+
+> Patch motivation: `@ng-brutalism/ui` was absent from npm's search index even for exact-name queries. Publishing a new version fires the registry event that triggers the search crawler.
+
+## [0.1.1] — 2026-05-21
+
+### Fixed
+
+- Ensure Tailwind v4 scans the packaged library bundle so component utility classes are generated in consumer apps.
+
 ## [0.1.0] — 2026-05-21
 
 Initial public release.

package/README.md

@@ -1,11 +1,13 @@
-# @ng-brutalism/ui
+# ng-brutalism — Neo-brutalist Angular UI Component Library
 
 Build loud. Stay sharp.
 
-`@ng-brutalism/ui` gives modern Angular apps a token-driven component system
-with directive-first APIs, keyboard-ready interactions, hard-edged visuals, and
+ng-brutalism is a neo-brutalist Angular UI component library — token-driven,
+signals-first, zoneless, with directive APIs, keyboard-ready interactions, and
 Tailwind v4 ergonomics from the first import.
 
+If you like shadcn/ui or daisyUI, but for Angular and built around brutalism.
+
 [![npm version](https://img.shields.io/npm/v/@ng-brutalism/ui.svg)](https://www.npmjs.com/package/@ng-brutalism/ui)
 [![npm downloads](https://img.shields.io/npm/dm/@ng-brutalism/ui.svg)](https://www.npmjs.com/package/@ng-brutalism/ui)
 [![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.
 [npm](https://www.npmjs.com/package/@ng-brutalism/ui) ·
 [GitHub](https://github.com/khangtrannn/ng-brutalism)
 
-![demo](https://raw.githubusercontent.com/khangtrannn/ng-brutalism/main/docs/assets/introduction.gif)
+![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)
 
 ## Install
 
@@ -90,20 +92,68 @@ bootstrapApplication(App, {
 });
 ```
 
+## Components
+
+| Component | Description | Docs |
+| --- | --- | --- |
+| Accordion | Vertically stacked, collapsible content panels with single or multi-expand modes. | [Docs](https://ngbrutalism.khangtran.dev/components/accordion) |
+| Avatar | Compact avatar with image and fallback support. | [Docs](https://ngbrutalism.khangtran.dev/components/avatar) |
+| Badge | Inline status pill with multiple variants. | [Docs](https://ngbrutalism.khangtran.dev/components/badge) |
+| Button | Directive-driven button with size, variant, and shadow controls. | [Docs](https://ngbrutalism.khangtran.dev/components/button) |
+| Card | Container with header, title, description, content, actions, and footer slots. | [Docs](https://ngbrutalism.khangtran.dev/components/card) |
+| Checkbox | Form checkbox with size variants and signal-friendly bindings. | [Docs](https://ngbrutalism.khangtran.dev/components/checkbox) |
+| Dialog | Modal dialog with title, description, content, actions, and close slots. | [Docs](https://ngbrutalism.khangtran.dev/components/dialog) |
+| Image Card | Image-led card with caption overlay for portfolios and galleries. | [Docs](https://ngbrutalism.khangtran.dev/components/image-card) |
+| Input | Single-line text input with size variants. | [Docs](https://ngbrutalism.khangtran.dev/components/input) |
+| Input Group | Input wrapper with prefix and suffix slots for icons, addons, or units. | [Docs](https://ngbrutalism.khangtran.dev/components/input-group) |
+| Label | Accessible label tied to form controls. | [Docs](https://ngbrutalism.khangtran.dev/components/label) |
+| Marquee | Looping horizontal scroller for logos, tags, or announcements. | [Docs](https://ngbrutalism.khangtran.dev/components/marquee) |
+| Select | Native or custom dropdown select with option templating. | [Docs](https://ngbrutalism.khangtran.dev/components/select) |
+| Textarea | Multi-line text input with size variants. | [Docs](https://ngbrutalism.khangtran.dev/components/textarea) |
+| Title | Typographic heading primitive with brutalist defaults. | [Docs](https://ngbrutalism.khangtran.dev/components/title) |
+
 ## What it looks like
 
-![showcase](https://raw.githubusercontent.com/khangtrannn/ng-brutalism/main/docs/assets/showcase-portfolio.png)
+![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)
 
 ## Documentation
 
 Full guides, component API tables, and live examples:
 [https://ngbrutalism.khangtran.dev](https://ngbrutalism.khangtran.dev)
 
+## FAQ
+
+**Does ng-brutalism support Angular 21?**
+Yes — it is built and tested against Angular 21. Earlier Angular versions are not supported.
+
+**Do I need 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.
+
+**Can I use ng-brutalism without zoneless mode?**
+Yes. Components are designed for modern Angular: standalone imports, signal-friendly internals, and zoneless-friendly interaction patterns. They work in zoneless apps and in apps that still run with zone.js.
+
+**Does ng-brutalism work with server-side rendering (SSR)?**
+The UI package avoids browser-only assumptions in core primitives where possible, and browser-dependent behavior is kept behind Angular platform checks when needed.
+
+**How customizable is the theme?**
+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.
+
+**Is ng-brutalism ready for production?**
+It is pre-1.0. Component APIs are usable today, but minor versions may include breaking changes while the library settles.
+
+## Author
+
+Created by [Khang Tran](https://github.com/khangtrannn). MIT licensed. Source code is available on GitHub.
+
 ## Status
 
 `@ng-brutalism/ui` is pre-1.0. The component APIs are usable today, but minor
 versions may include breaking changes while the library settles.
 
+## Contributing
+
+Issues and pull requests are welcome. See [CONTRIBUTING.md](https://github.com/khangtrannn/ng-brutalism/blob/main/CONTRIBUTING.md) for details.
+
 ## License
 
 MIT

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ng-brutalism/ui",
-  "version": "0.1.0",
-  "description": "A neo-brutalist Angular component library — Signals • Zoneless • Token-based • Tailwind v4.",
+  "version": "0.1.2",
+  "description": "Neo-brutalist Angular UI library — brutalist Angular components with signals, zoneless, and Tailwind v4. Install: ng add @ng-brutalism/ui",
   "license": "MIT",
   "author": "Khang Tran <khangtrann8198@gmail.com>",
   "repository": {
@@ -13,22 +13,26 @@
     "url": "https://github.com/khangtrannn/ng-brutalism/issues"
   },
   "keywords": [
+    "ng-brutalism",
+    "ngbrutalism",
     "neo-brutalism",
     "neo-brutalism-ui",
-    "neo brutalism",
+    "neobrutalism",
+    "neobrutalist",
     "brutalism",
     "brutalist-design",
     "angular",
     "angular-ui",
     "angular-components",
-    "ui",
+    "angular-brutalism",
     "ui-library",
     "component-library",
     "design-system",
-    "tailwind",
     "tailwindcss",
     "signals",
-    "zoneless"
+    "zoneless",
+    "ng-add",
+    "schematics"
   ],
   "peerDependencies": {
     "@angular/common": "^21.0.0",

package/styles.css

@@ -1,6 +1,8 @@
 /* styles.css - full theme + base reset */
 @import './theme.css';
 
+@source './fesm2022/ng-brutalism-ui.mjs';
+
 *,
 *::before,
 *::after {