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.

✨ ‘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:

• WebNN Intro
• WebLLM Runtime
• Transformers.js
• Prompt API Demos
• Hashbrown on GitHub
• Kendo UI for Angular

💬 Stay Connected

Follow the guests and panelists:

• Christian Liebel – @christianliebel
• Mike Ryan – @MikeRyanDev
• Brian Love – @brian_love
• Alyssa Nicoll – @alyssanicoll
• Justin Schwartzenberger – https://bsky.app/profile/schwarty.com
• Mike Brocchi – mikebrocchi.bsky.social