Smarter Angular: AI at the Edge of the Framework

What’s new on the AI front for Angular? Hear about what’s been covered on two recent Angular Air episodes.


This content originally appeared on Telerik Blogs and was authored by Alyssa Nicoll

What’s new on the AI front for Angular? Hear about what’s been covered on two recent Angular Air episodes.

✨ ‘AI’ngular Isn’t Coming—It’s Already Here

AI-powered Angular apps aren’t some far-off dream—they’re already running in the browser. And if you’ve been watching Angular Air lately, you’ve seen it: local model execution, prompt-based UIs, type-safe AI orchestration.

In two recent episodes, we explored two sides of this new frontier:

  • One shows what’s possible with browser-native APIs like WebNN and the Prompt API.
  • The other unveils Hash Brown, an open-source framework that brings structured, type-safe generative UI to Angular.

And yes—we’re working on something at Progress Kendo UI that plays right into this evolution.

Episode 1: Smarter Angular Apps with WebNN and Prompt API

Guest: Christian Liebel – Angular & Web AI GDE

Christian brings us into the world of AI inference directly in the browser, introducing:

  • WebNN: Tap into CPU, GPU and even NPUs to run ML models natively
  • WebLM: Use WebGPU to run LLMs locally—no server required
  • Prompt API: Perform tasks like summarization or translation using system-level APIs

He also explores:

  • Drawbacks like origin-based model duplication
  • Promising solutions like Cross-Origin Storage and built-in models in Chrome
  • Where to draw the line between rule-based logic and generative AI

“The best devs may soon be the best prompt writers.”

— Christian Liebel

Watch Christian’s Episode →
Slides + Resources →

Episode 2: Hashbrown: Generative UI for Angular

Guests: Mike Ryan, Brian Love, Ben Taylor – creators of Hashbrown

Hashbrown is an open-source Angular framework designed to bring LLM-powered UI generation to the frontend—with strong typing, tool orchestration and natural UX patterns.

Key innovations include:

  • Skillet: A schema language that lets you shape LLM output into typed objects (hello streaming JSON!)
  • Tool Calling: Let LLMs invoke Angular services with handler functions
  • Chat Resources: Chat UIs where LLMs interact through structured component outputs
  • ⚙️ Runtime JS Execution: Run AI-generated JavaScript safely in the browser

Hashbrown supports OpenAI, Gemini, Writer and more—designed to be model-agnostic and frontend-native.

“Hashbrown doesn’t just generate text—it orchestrates real, interactive UI journeys.”

Hashbrown GitHub →
Watch Hashbrown Episode →

Why This Matters for Angular Devs

You’re not imagining things—AI is shifting left.

  • From cloud-only to client-side
  • From freeform text to structured interfaces
  • From playground demos to framework integrations

These technologies are already letting developers:

  • Add autocomplete, summarization and form-filling locally
  • Render dynamic dashboards using LLM output
  • Safely prototype with AI—without sending sensitive data to the cloud

Coming This Summer: Kendo UI Gets Smarter

At Progress, we’re watching all of this—and building, too.

We believe your components shouldn’t just look good and perform well … they should also think.

Stay tuned: this summer, we’re bringing a whole new AI-powered experience to Kendo UI for Angular.

▶️ Watch the Episodes

Smarter Angular Apps with WebNN and Prompt API

Hashbrown: Generative UI for Angular

️ Build Something Smart

Get hands-on with the tech:

Stay Connected

Follow the guests and panelists:


This content originally appeared on Telerik Blogs and was authored by Alyssa Nicoll


Print Share Comment Cite Upload Translate Updates
APA

Alyssa Nicoll | Sciencx (2025-06-11T15:49:31+00:00) Smarter Angular: AI at the Edge of the Framework. Retrieved from https://www.scien.cx/2025/06/11/smarter-angular-ai-at-the-edge-of-the-framework/

MLA
" » Smarter Angular: AI at the Edge of the Framework." Alyssa Nicoll | Sciencx - Wednesday June 11, 2025, https://www.scien.cx/2025/06/11/smarter-angular-ai-at-the-edge-of-the-framework/
HARVARD
Alyssa Nicoll | Sciencx Wednesday June 11, 2025 » Smarter Angular: AI at the Edge of the Framework., viewed ,<https://www.scien.cx/2025/06/11/smarter-angular-ai-at-the-edge-of-the-framework/>
VANCOUVER
Alyssa Nicoll | Sciencx - » Smarter Angular: AI at the Edge of the Framework. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/06/11/smarter-angular-ai-at-the-edge-of-the-framework/
CHICAGO
" » Smarter Angular: AI at the Edge of the Framework." Alyssa Nicoll | Sciencx - Accessed . https://www.scien.cx/2025/06/11/smarter-angular-ai-at-the-edge-of-the-framework/
IEEE
" » Smarter Angular: AI at the Edge of the Framework." Alyssa Nicoll | Sciencx [Online]. Available: https://www.scien.cx/2025/06/11/smarter-angular-ai-at-the-edge-of-the-framework/. [Accessed: ]
rf:citation
» Smarter Angular: AI at the Edge of the Framework | Alyssa Nicoll | Sciencx | https://www.scien.cx/2025/06/11/smarter-angular-ai-at-the-edge-of-the-framework/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.