The latest articles on DEV Community by Chirag Patel (@chiragpatel273). https://dev.to/chiragpatel273 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2133137%2F7162dbfc-910b-4590-9317-9c90756bf5ce.jpg https://dev.to/chiragpatel273 en Chirag Patel Tue, 18 Aug 2026 16:46:22 +0000 https://dev.to/chiragpatel273/ngnova-ui-an-open-source-component-library-for-angular-22-5054 https://dev.to/chiragpatel273/ngnova-ui-an-open-source-component-library-for-angular-22-5054 <p>I'm excited to introduce <strong>NgNova UI v1.0.0</strong> — a production-ready, open-source component library built specifically for <strong>Angular 22</strong>.</p> <p>NgNova UI provides <strong>40 standalone components</strong> designed to help Angular developers build modern applications faster without rebuilding foundational UI components from scratch.</p> <h3> What's included? </h3> <ul> <li>📦 <strong>40 standalone components</strong> — forms, tables, navigation, overlays, feedback &amp; workflows</li> <li>🎨 <strong>Tailwind CSS v4</strong> — light &amp; dark themes with customizable design tokens</li> <li>⚡ <strong>Focused imports</strong> — import only what you need</li> <li>♿ <strong>Accessibility</strong> — keyboard interactions, focus management &amp; ARIA support</li> <li>🛠️ <strong>Modern Angular</strong> — Forms, SSR, hydration &amp; zoneless support</li> <li>🧪 <strong>Testing</strong> — Angular CDK Component Harnesses</li> <li>🔒 <strong>Strict TypeScript APIs</strong> </li> <li>🔓 <strong>MIT licensed</strong> </li> </ul> <h3> Get started </h3> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm <span class="nb">install</span> @ngnova/ui </code></pre> </div> <div class="highlight js-code-highlight"> <pre class="highlight typescript"><code><span class="k">import</span> <span class="p">{</span> <span class="nx">UiButtonComponent</span> <span class="p">}</span> <span class="k">from</span> <span class="dl">'</span><span class="s1">@ngnova/ui/button</span><span class="dl">'</span><span class="p">;</span> </code></pre> </div> <p>⭐ <strong>GitHub:</strong> <a href="https://github.com/chiragpatel273/ngnova-ui" rel="noopener noreferrer">https://github.com/chiragpatel273/ngnova-ui</a><br> 📖 <strong>Documentation:</strong> <a href="https://chiragpatel273.github.io/ngnova-ui/" rel="noopener noreferrer">https://chiragpatel273.github.io/ngnova-ui/</a><br> 📦 <strong>npm:</strong> <a href="https://www.npmjs.com/package/@ngnova/ui" rel="noopener noreferrer">https://www.npmjs.com/package/@ngnova/ui</a></p> <p><strong>NgNova UI v1.0.0 is ready to use.</strong></p> <p>If you're building with Angular 22, give it a try. Feedback, issues, and contributions are welcome.</p> <p>⭐ If you find it useful, consider giving the project a star on GitHub.</p> angular frontend opensource showdev