Read More on Telerik Blogs
November 24, 2025 Angular, Web
Get A Free Trial

Come see what’s new in Angular v21—another incredible update for us!

Angular v21 just dropped and honestly? It’s yet another fun, developer-friendly release, and I do not know how they are going to keep this up! Between long-awaited features landing, accessibility leveling up and an adorable new mascot entering the scene, this release feels like Angular saying:

“Hey, we heard you. Let’s make building apps easier, clearer and way more enjoyable.”

Here are my top four highlights—plus a mini-demo where I try out experimental Signal Forms with Kendo UI and the new Angular MCP Server.

1. Angular ARIA: Accessibility, Made First-Class

Angular ARIA is now officially part of the Angular platform, bringing automatic accessibility helpers directly into the framework. Instead of bolting on ARIA roles or scrambling to match spec-accurate keyboard behavior, developers can rely on headless, standards-aligned primitives that do this work for them.

The library launches with core components and examples, including accordion, combobox, grid, listbox, menu, tabs, toolbar and more—each built with semantic correctness and reliable interactions enforced out of the box. Radiogroup was intentionally removed because native HTML already handles it well, and the team is actively working on future additions like a datepicker.

In my Angular Air conversation with Wagner Maciel from the Angular team, we dug into why the Angular team created this new library, how it supports both internal Google consistency and external developer flexibility, and why it’s separate from the CDK. Angular ARIA’s primitives are powered by signals-driven state machines, giving developers a framework-supported foundation for accessible design systems—and making it possible to port these same primitives to other frameworks that support signals.

Wagner also clarified that Angular Material will not be rewritten or ported over to ARIA components, and developers shouldn’t treat ARIA as a replacement; it’s an additive capability, not a migration path.

The result is one of those features that quietly makes everything better: fewer accessibility mistakes, more consistent user experiences and a future where “accessible by default” is the expectation, not an afterthought. If you want the deeper dive into the design decisions, semantics and framework-level accessibility vision behind Angular ARIA, the full episode is here:


2. Experimental Signal Forms: A Whole New Way to Think About Forms

Forms are getting a long-overdue glow-up.

Signal Forms are:

  • reactive by default
  • simpler
  • more explicit
  • and way easier to reason about than the old status/dirty/touched soup

We did two Angular Air episodes digging deep into how Signal Forms work, their design philosophy and what we can expect going forward:

👉 Signals + Forms deep dive (Sander Elias):


👉 Signal Forms + Mutation/Resource APIs overview (Manfred Steyer):


TL;DR: Signal Forms streamline everything—state stays in sync, your models stay type-safe and all your validation lives in one clean, centralized place.

3. Meet Angie, Angular’s New Official Mascot

Angular finally has a mascot and its name is Angie—a friendly, shield-shaped beam of TypeScript joy.

Mascots matter more than we admit. They give a framework personality, community identity and a real “face” for events, docs and content.

Expect to see Angie everywhere: in docs, social posts, stickers, conference swag and maybe … your IDE. 👀

4. The Angular MCP Server (With an Angular Tutor Inside?!)

This one I am so excited about.

Angular now ships an official Model Context Protocol (MCP) server, which means:

  • You can talk to Angular docs and tooling through any MCP-aware AI client.
  • You can generate Angular code using real Angular rules.
  • You can ask questions like “why is this broken?” and get context-aware feedback.
  • It even includes an Angular Tutor for guided explanations and troubleshooting.

To get started with it:

ng mcp

Which will list out json bits to stick in your mcp.json file (at least for VS Code).

And suddenly … your AI has Angular-native knowledge, access to your code and the ability to help you build and debug real components.

 

 

Bonus: Kendo UI Compatibility with Angular v21

The Progress Kendo UI for Angular library is already fully compatible with Angular v21.

Even better, the Progress Kendo UI teams have been shipping performance improvements and modern Angular patterns for several versions, so components already take advantage of the:

  • zoneless capabilities
  • control flow (@for, @if)
  • hydration improvements
  • major rendering boosts

Kendo UI is currently on v18, and it brings a surprising number of built-in boosts that line up neatly with Angular v21 principles.

If you’re on Kendo UI and you want to upgrade to Angular 21—you’re good to go. 🎉

Angular Air: The v21 Trilogy

Over the past three episodes, Angular Air has basically been the unofficial Angular v21 launch tour. Quick summaries:

✔ Angular Air — Reactivity Reimagined with Manfred Steyer

👉 https://youtu.be/sc9BC1LpxT8

How the team rebuilt forms on top of Signals and what mental models change going forward.

✔ Angular Air — The Future of Angular Forms; Signals, Validation and Dynamic Controls with Sander Elias

👉 https://youtu.be/a5346O2zCrU

Mutation APIs, Resources, linkedSignals and what form validation looks like in the new world.

✔ Angular Air — Angular ARIA with Wagner Maciel

👉 https://youtu.be/N8tZ-Y4hlWg

Why accessibility needed a first-party answer, and how Angular ARIA will level up design systems and complex component libraries.

If you want the “developer commentary” version of the v21 notes—these three episodes are it.

Mini Demo: Experimental Signal Forms + Kendo UI + the Angular MCP Server

I wanted to do a tiny “let’s build something” segment to wrap my head around what’s new.

Here was my plan:

  1. Test out all these fancy new MCP Servers!
  2. Use Kendo UI for Angular (and if possible… the new Agentic UI Generator).
  3. Update Node, update the Angular CLI, and generate a fresh Angular 21 project.
  4. Ask Angular MCP Server about my apps code so far.

Checking Versions

You need Node v20.19.0 or higher for Angular 21. I’m on Node 22, so we’re good.

Installing Angular CLI

npm install -g @angular/cli  

Then I generated a brand-new project—flowforge2.0:

 

Step 1: Using the Agentic UI Generator (MCP Server)

I prompted the Kendo UI Agentic UI Generator to scaffold my form UI, and it gave me a full Angular + Kendo UI component tree.

I also asked it to quickly swap the UI to a purple theme. Check it out:

 

Then I asked the Angular MCP Server to analyze the code and give feedback:

📄 Analysis Overview:

  • analysis
  • suggestions
  • corrections
  • the “this is what you got right” panel
  • the “this is what Angular recommends” panel

This was honestly wild—getting Angular-aware feedback on code you just generated … instantly.

Wrapping Up

Angular 21 feels like it turned a corner—not just shipping features, but continuing to ship joy:

  • a mascot to rally around
  • a modernized accessibility story
  • next-gen signal powered forms 🦾
  • and a real AI-powered MCP server that integrates with your editor

And with Kendo UI fully compatible (and shipping its own MCP server!), v21 is the most exciting Angular release in years.

Join us for our release webinars next week for more details on what Progress has been cooking up! 👉 https://www.telerik.com/blogs/ai-forward-telerik-kendo-ui-2025-q4-release-webinars-coming


About the Author

Alyssa Nicoll

Alyssa is an Angular Developer Advocate & GDE. Her two degrees (Web Design & Development and Psychology) feed her speaking career. She has spoken at over 30 conferences internationally, specializing in motivational soft talks, enjoys gaming on Xbox and scuba diving in her spare time. Her DM is always open, come talk sometime.

Related Posts