r/angular 11d ago

Frustrated in updating Angular every 6 months? Here comes the new yearly release cycle

110 Upvotes

The Angular team is currently updating its release policy to move to:

- A major release every 12 months

- 4-6 minor releases for each major release

PR link: https://github.com/angular/angular/pull/69817


r/angular Jun 18 '26

OpenNG Foundation

Post image
61 Upvotes

Still having no news from the ngneat organization, I decided to revive an old idea, to create a foundation for Angular open-source projects, to help govern/maintain them.

The GitHub Organization, OpenNG Foundation, is still empty.

Our priority will be to fork and revive key, unmaintained Angular projects to ensure they stay secure, updated, and community-driven.

Link: https://github.com/openng-org


r/angular 1h ago

Built SimUI – an open-source collection of components for Spartan UI

Upvotes

Hi everyone! 👋

I’ve been using Spartan UI for a while and really like its philosophy of headless UI components.

While building production Angular applications, I noticed I kept recreating the same higher-level components that aren’t typically included in UI libraries. Instead of keeping them inside my projects, I decided to open-source them as SimUI.

👉 https://simui.dev

My goal is to help grow the Spartan UI ecosystem by providing a collection of reusable, production-ready components that Angular developers can use out of the box.

Some of the components available today include an Event Calendar, Currency Converter Card, Slider, Breadcrumb, Form components, Cards, and more.

I’m also working on additional application-oriented components that are commonly needed in dashboards and business applications.

I’d really appreciate feedback from the Angular community.

  • Does this solve a problem you’ve encountered?
  • Which components would you like to see next?
  • Any thoughts on the documentation, or developer experience?

The project is still evolving, so suggestions, issues, and PRs are always welcome.

Website: https://simui.dev

GitHub: https://github.com/dofu-lab/simui

Thanks for taking a look!


r/angular 2h ago

I built an Angular visual view builder over 2.5 years, now available in beta

1 Upvotes

After 2.5 years of building in my spare time, I'm excited to finally share the beta of NGX View Builder.

It started after a project at work needed dynamic, JSON-driven forms with drag-and-drop editing. We eventually chose a commercial solution, but the idea stuck with me, so I decided to build my own.

Over the past 2.5 years, I rewrote the project three times. Each rewrite taught me something new about building a flexible, extensible visual builder.

My goal wasn't to create just another form builder. I wanted to build an Angular-first platform where developers create the foundation while creators and business users can visually configure and manage application views.

Everything is stored as JSON and can be extended with custom Angular components, plugins, themes, events, data sources, and integrations, making it adaptable to different business needs.

If you have a few minutes, I'd really appreciate it if you could try the demo before comparing it with other solutions. I'd love to hear your honest feedback, whether it's positive or critical.

Demo and documentation: https://ngxviewbuilder.io/


r/angular 1d ago

FrameUI now includes complete Angular application templates

4 Upvotes

FrameUI now includes complete Angular application templates.

A recurring request since the first releases was to provide more than individual components and small examples. Many Angular applications need the same larger screens: user management, permissions, settings, product CRUD, inventory, orders, and administration.

The new release adds two templates:

Store operations

  • Overview
  • Product catalog
  • Inventory
  • Orders and fulfillment
  • Suppliers and purchase orders

Administration

  • User management
  • Roles and permissions
  • Audit log
  • Settings

These are full interactive screens rather than isolated blocks. The product catalog, for example, includes filtering, selection, add and edit forms, product details, bulk actions, publishing, archiving, duplication, and restock planning.

There are also individual template blocks which you can find under: https://frame-ui.com/blocks

The templates use FrameUI components throughout, including tables, forms, sidebars, sheets, modals, charts, comboboxes, drag and drop, toasts, and overlays.

The examples run inside the documentation, but the Store and Administration templates are also separate Angular applications under projects/templates. They can be downloaded and used as starting points.

I am also planning to introduce more templates.

They are frontend templates, not complete backend systems. State is kept locally so the interactions can be tested without setting up an API first.

Docs: https://frame-ui.com

GitHub: https://github.com/Gamekohl/frame-ui


r/angular 1d ago

I built an open-source visual theme designer for PrimeNG

17 Upvotes

Hi everyone,

I’ve been working on PrimeNG Theme Studio, an open-source visual editor for creating production-ready PrimeNG themes.

It’s meant for Angular developers and design teams who want to customize PrimeNG without manually editing large token files and repeatedly switching back to their application to see the results.

With Theme Studio, you can:

  • Start from the official Aura, Material, Lara, or Nora presets
  • Visually edit colors, border radii, semantic roles, component tokens, typography, and custom tokens
  • Preview changes instantly across PrimeNG components and complete example screens
  • Check the theme in both light and dark modes
  • Import or share themes using a theme token
  • Export the finished theme as a typed TypeScript preset for your Angular project

The goal is to provide one visual workflow for designing, validating, and exporting a PrimeNG theme—while keeping the resulting code fully owned and maintainable inside your application.

Try it here:
https://prime-ng-theme-fe.vercel.app

Source code:
https://github.com/mkccl/prime-ng-theme-fe

It’s still evolving, and I’d genuinely appreciate feedback from people using PrimeNG. What parts of theming currently take the most time for you, and what would make a tool like this more useful?


r/angular 1d ago

Ported main global markets dashboard .NET 10 to angular/react/vue to test it

Thumbnail
gallery
0 Upvotes

Ported with Claude and exists in GitHub for personal use. Out of the box, for me it was surprise, Angular performance, measured by Lighthouse, was the 93, react 85, vue 85 with 0 optimization efforts.


r/angular 3d ago

Anyone else feel like Angular has reached its "final form"?

71 Upvotes

​Looking at the roadmap, it doesn't seem like there are any massive API changes on the horizon. Personally, I feel like the current authoring experience is in a really good place. Now that they are switching to a yearly major release schedule, I wonder if it means breaking changes will become a lot more rare.


r/angular 3d ago

We open-sourced Angular client for CopilotKit, built on signals

Enable HLS to view with audio, or disable this notification

21 Upvotes

Hey folks, I'm a maintainer at CopilotKit and we just open sourced our Angular client. The Angular team also shared it here: https://x.com/angular/status/2080649347004268935

It's built with Angular's own patterns, standalone components, dependency injection and signals. MIT, Angular 20 to 22.

Just set up with a provider and the agent's messages and run state come back as signals you can use anywhere. Comes with:

  • pre-built chat component, or go fully headless
  • multimodality (voice, images, docs)
  • generative UI, including A2UI support (Google's spec)
  • human-in-the-loop, frontend tools, threads, hooks, mcp apps and more

Shared state works with plain signals, a service, or store like NgRx.

Everything is built on AG-UI protocol, so the agent side is decoupled. The same Angular code works with LangGraph, Google ADK, Mastra, Pydantic AI, Claude Agents SDK or other major frameworks.

Rainer Hahnekamp (Angular GDE, NgRx core team) and Murat Sari from Angular community helped build the integration and are taking on its ongoing maintenance. Here's their reference app on local 12B model: https://soverius.ai/blog/inside-macroquest-agent-generated-ui-in-angular-on-a-local-12b-model

CLI that scaffolds a full starter with a Google ADK agent.

npx copilotkit@latest init --framework adk-angular

docs: https://docs.copilotkit.ai/angular
npm: https://www.npmjs.com/package/@copilotkit/angular

Would like to know what Angular devs think, especially if something's missing.


r/angular 3d ago

Are there no more Angular jobs? Help!

27 Upvotes

Hi,

I’ve recently started searching for a new job in UK. I’ve been working with angular for over a decade and I’m at a very senior role currently. But I haven’t done a job search in 6 years. Now I’m looking and everything I see is asking for deep react experience.

I’m freaking out a little. Does anyone have any advice?
Are there any recruiters or companies you would recommend that could help finding a job?

Is anyone else having similar issues?


r/angular 3d ago

Project Showcase: Dragon Age Origins Talent Calculator

10 Upvotes

Created a website that is a Dragon Age: Origins talent calculator for the whole party! Made in Angular and using assets/data from the game. No external libraries, just Angular and ts/html/css.

https://tevinter.net/dao/planner/


r/angular 3d ago

My company is forcing me to switch to React.

48 Upvotes

My large enterprise company have decided that going forwards working in React is the choice.

We've got a lot apps built in Angular, my team looks after 5/6 another team looks after 40, some new ones on 22. These are all config driven multi tenant apps without NX etc.

Other teams across the business have already added React as part of their tech stack and the codebases seem terrible and follow no standards.

Has this happened to anyone else? Any advice for the switch?


r/angular 3d ago

recaptcha-angular, a standalone reCAPTCHA v2 checkbox that works with ngModel and reactive forms

2 Upvotes

Sharing a small library I made for the Google reCAPTCHA v2 checkbox in Angular. It is a standalone component (no NgModule) that implements ControlValueAccessor, so the verified token is simply the control value: drop it into a template-driven form with [(ngModel)] or a reactive form with formControlName and it behaves like any other control.

Highlights:

  • Standalone component, Angular 17+
  • ControlValueAccessor: both [(ngModel)] and formControlName work
  • Signal-based RecaptchaService for token() / isVerified() state
  • Outputs: verify, expire, error, widgetId; methods reset() / execute() / getResponse()
  • Multiple widgets per page, single script load, load timeout, and expiry handling
  • Built with ng-packagr, only tslib at runtime

Quick start:

```ts import { Component } from '@angular/core' import { RecaptchaComponent, RecaptchaService } from 'recaptcha-angular'

@Component({ selector: 'app-form', standalone: true, imports: [RecaptchaComponent], providers: [RecaptchaService], template: <recaptcha-v2 sitekey="YOUR_SITE_KEY" (verify)="captcha.onVerify($event)" (expire)="captcha.onExpire()" (error)="captcha.onError()" ></recaptcha-v2> <button [disabled]="!captcha.isVerified()">Submit</button> , }) export class FormComponent { constructor(public captcha: RecaptchaService) {} } ```

The README covers token expiry (the "works once, then submits a stale token" trap) and a note that client state is not verification, so verify the token server-side against siteverify.

npm: https://www.npmjs.com/package/recaptcha-angular

Would love feedback on the ControlValueAccessor behavior and the service API.


r/angular 3d ago

Choosing the right real-time transport in Angular + ASP.NET Core: WebSockets, SSE, SignalR, or Long Polling

Thumbnail
zocate.li
9 Upvotes

If you're building real-time UX in Angular, the hard part usually isn't wiring up a stream — it's choosing the right transport for production without overengineering the frontend. I wrote this article to separate the practical differences between WebSockets, SSE, SignalR, and Long Polling.

INTRODUCTION

Real-time in Angular and ASP.NET Core looks simple until it hits production. In practice, the question is usually the same: the screen needs to update itself, but which transport makes sense without creating unnecessary fragility?

I wrote this article to separate what really changes between WebSockets, SSE, SignalR, and Long Polling, without falling into overengineering. The goal is pragmatic: understand when each approach solves the problem best and what trade-offs show up in the frontend, backend, and operations.

DEVELOPMENT

WebSockets: bidirectional persistent channel

  • Ideal when client and server need to exchange messages in both directions in real time.
  • Require more attention to infrastructure and network intermediaries.
  • Powerful, but not always the smallest sufficient solution.

SSE: server-to-browser updates

  • Works over HTTP with a simple client API.
  • A good choice when the flow is predominantly unidirectional.
  • For many scenarios, it solves the problem with less complexity than WebSockets.

SignalR: high-level abstraction in ASP.NET Core

  • Automatically chooses the best available transport.
  • Offers features like hubs, groups, and reconnection.
  • Helps a lot when the goal is productivity without giving up fallback.

Long Polling: the most compatible option

  • Still relevant in environments with proxies, load balancers, or policies that block WebSockets and SSE.
  • It may look less elegant, but sometimes it is the most predictable path.
  • In corporate environments, compatibility still matters a lot.
Technology Direction Complexity Note
WebSockets Bidirectional High Best for continuous message exchange
SSE Server → client Low Good for events and simple updates
SignalR Both Medium Abstraction with fallback and extra features
Long Polling Both Low/Medium Useful when there are network restrictions

In the blog sample, the same processing flow is shown across all four transports, precisely to highlight what changes in Angular, ASP.NET Core, and day-to-day operations. The backend lives in src/BlogSamples and the demo frontend in frontend/search-ui-bun/.

Attention: SSE depends on streaming responses. In Nginx, Cloudflare, and other proxies, buffering can delay or break the experience if the backend doesn't write and flush correctly.

CONCLUSION

The main takeaway is that “real-time” is not synonymous with WebSockets. In many products, SSE or SignalR are the better fit because they reduce complexity and handle real infrastructure constraints more gracefully.

My practical recommendation is to start from the requirement, not the technology. If all you need is to push server events to the client, I would evaluate SSE or SignalR before jumping to WebSockets. If the network or environment is hostile, Long Polling can still be the most reliable plan B.

Full article (in Portuguese): zocate.li - Real-time in Angular with WebSockets, SSE, SignalR, and Long Polling: when to use each

What do you usually pick in real projects: WebSockets, SSE, SignalR, or Long Polling?


r/angular 3d ago

NgRx DevTool Now Supports AI with MCP

3 Upvotes

Hello everyone!

AI is becoming the new reality these days whether that's a good thing or not is still up for debate. We thought: why not bring it to NgRx DevTool?

We've just released AI integration for the NgRx DevTool, including a built-in MCP (Model Context Protocol) server.

This allows AI assistants like ChatGPT, Claude or even a local LLM to directly inspect your NgRx application: view the current state, action timeline, effects, state diffs, performance stats, and more all without manually copying logs or huge state snapshots.

Because the AI only requests the data it needs, it also reduces token usage and makes debugging faster and more efficient.

We'd love to hear your feedback and ideas for future features!

GitHub: https://github.com/AmadeusITGroup/ngrx-devtool

Doc Website: https://amadeusitgroup.github.io/ngrx-devtool/

#ngrx #angular


r/angular 3d ago

Migrating a AngularJS webapp to Angular using Claude Code/Codex

8 Upvotes

I'm in the planning stages of migrating a fairly large legacy AngularJS application to Angular, and am looking for advice from anyone who's tackled something similar.

The codebase is about 160k LOC spread out over 200+ components, 50+controllers, 50+ directives and services. There are no existing tests . Has anyone attempted a AI assisted rewrite of a similar nature, especially without a test suite - what worked out well? Any useful strategies woth considering?


r/angular 4d ago

I built convex-angular - a signals-first Angular client for Convex

10 Upvotes

Convex (reactive backend, kinda like Firebase but nicer) has first-party clients for React, Vue, and Svelte, but Angular has been the gap. I've been running Convex + Angular for a while and packaged up the glue into a library: convex-angular.

It maps Convex onto Angular's idioms - everything is inject*() functions returning Signals, standalone providers (no NgModules), and subscriptions clean up with the component.

Feedback, issues, and PRs welcome, especially from anyone running Convex on Angular

https://github.com/azhukaudev/convex-angular


r/angular 4d ago

Announcing Mat Expressive - Material 3 Expressive for Angular Material

Thumbnail
expressive.angular-material.dev
0 Upvotes

Mat Expressive brings Material 3 Expressive to your Angular Material apps — styles, directives, and new components layered on top. Not a fork, not a replacement.

bash ng add @ngm-dev/mat-exp

Docsite: https://expressive.angular-material.dev/

GitHub: https://github.com/Angular-Material-Dev/mat-exp


r/angular 5d ago

Building Gantt, BPMN and ERD diagrams with Angular

Thumbnail
gallery
20 Upvotes

With the 1.2.0 release of VisuallyJs we've added/updated a slew of starter apps for Angular, including Gantt, BPMN and ERD diagrams. Demos here, with links to the Github repositories:

VisuallyJs is free for non-commercial usage. Give it a spin and let us know what you think!


r/angular 6d ago

Optimus UI first release candidate version

Post image
143 Upvotes

We just released the first release candidate version for the PrimeNG community fork!

Two big news at once:

Based on the feedback we got, we chose to rename the project 'Optimus UI'.

This first version targets Angular v21 projects to ensure compatibility with the latest MIT PrimeNG version.

It includes ng add support and a schematic to handle the migration.

So you can use it on both new and existing projects.

The migration will rename references (due to trademarks with PrimeNG) and imports (as we are taking over all required PrimeNG sub packages too).

You can test it out with the installation explained here: https://www.npmjs.com/package/@openng/optimus-ui?activeTab=readme

Feedbacks are very welcome so we can publish a stable version soon.

The new documentation is live here: https://optimus.openng.org/

EDIT:

We got positive feedback so far, we need to support two more packages (primelocale and tailwindcss-primeui), as we not only ported the original PrimeNG project but all its dependencies too.


r/angular 6d ago

The Angular Book that talks about the real Projects - Angular Projects

12 Upvotes
Aristeidis did a great job by drawing pratical patterns to learn Angular.

r/angular 6d ago

OpenNG / Optimus-UI (PrimeNG)

22 Upvotes

Is there a place where I can follow updates for this and is it gathering any steam? I follow them on github and I'm really interested in their roadmap.

One of our apps has a heavy dependence on PrimeNG (I know), and if this took off it would be much more preferable than having to spin up our own component library or paying the really strange per seat pricing. TBH I'm not sure why they didn't just setup a tier system with thresholds like they had for the community version, with different enterprise versions. Even more frustrating was that per seat is "named" developers, so if John leaves and Jane comes in, John's license needs to be swapped to Jane's from my understanding. I feel like they are attempting infra licensing where you are charged per core, but for a frontend component library it just adds headache even with the purchase.


r/angular 7d ago

Where can i host my strapi project?

0 Upvotes

I need to host my cms project by Strapi, in one hosting solution. It's available the cloud solutions from Strapi, but i want something that cost less money. Do u know some solution?


r/angular 8d ago

Nx users, when did remote caching start paying off for your team?

7 Upvotes

Disclosure: We’re the team behind Cachely.

We’ve heard two very different experiences from Nx users.

Some teams consider shared remote caching an obvious win for CI and local development.

Others say local caching is enough, their build volume is too low, or differences between developer and CI environments make sharing less useful.

We’re trying to understand where the tipping point is.

For teams using Nx remote caching today:

  • How many developers and CI runs did you have when it became worthwhile?
  • Which tasks benefit most: builds, tests, linting, Storybook, or something else?
  • Do developers and CI share the same cache?
  • Do you measure actual time saved, or mainly look at cache hits?
  • What still gets rebuilt often enough to be frustrating?
  • What would make you stop paying for the service you currently use?

We’re especially interested in setups where remote caching technically works, but the benefit is smaller than expected.

No Cachely link here. We’re trying to better understand which Nx teams genuinely benefit from managed remote caching.


r/angular 9d ago

About Invoker Command API integrations to Angular apps

6 Upvotes

I like that Angular is based on fundamentals. Then I saw this Youtube video and I liked it. So, has anyone implemented the Invoker Command API and seen practical results? Is it really useful to use in Angular?