https://ai-blog.noorshomelab.dev/tags/ui-library/Recent content in UI Library on AI VOIDHugoenTue, 10 Feb 2026 00:00:00 +0000https://ai-blog.noorshomelab.dev/cut-the-chase/angular-ui-forge/Tue, 10 Feb 2026 00:00:00 +0000https://ai-blog.noorshomelab.dev/cut-the-chase/angular-ui-forge/<h1 id="component-craft-angular-ui-library-forge---fast-track-ui-libraries">Component Craft: Angular UI Library Forge - Fast-Track UI Libraries</h1> <p>Angular v18.x, Angular CLI v18.x (as of 2026-02-10)</p> <h2 id="workspace--library-generation">Workspace &amp; Library Generation</h2> <p>Begin by creating a new Angular monorepo workspace without an initial application, then generate your UI library.</p> <div class="highlight"> <pre class="language-typescript line-numbers" data-start="1" tabindex="0"><code class="language-typescript" data-lang="typescript">ng new my-ui-workspace --no-create-application --strict --standalone false --routing false --style scss // Creates a new Angular workspace without a root application. // --no-create-application: Skips initial app creation. // --strict: Enables strict type checking. // --standalone false: Uses NgModules (still common for libraries, though standalone is default for apps). // --routing false: No routing module. // --style scss: Preferred stylesheet format. cd my-ui-workspace // Navigate into the new workspace directory. ng generate library my-ui-components --prefix mui --skip-install // Generates a new library project named &#39;my-ui-components&#39;. // --prefix mui: Sets the prefix for generated components (e.g., &lt;mui-button&gt;). // --skip-install: Skips running npm install after generation (useful for monorepos).</code></pre> </div><h2 id="component-structure--public-api">Component Structure &amp; Public API</h2> <p>Organize your library components and expose them through the <code>public-api.ts</code> file, which defines the library&rsquo;s public interface.</p>