Quantcast
Channel: Telerik Blogs
Viewing all articles
Browse latest Browse all 5654

Smarter Angular: AI at the Edge of the Framework

$
0
0

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:


Viewing all articles
Browse latest Browse all 5654

Trending Articles