LLM integration

The call to a model belongs in the service, and the UI5 side is where its output meets a user. ui5-cap-ai-features ships both halves — a CDS plugin and a UI5 control library — and its demo proves the package is enough on its own; cap-ui5-gpt-chat is a whole chat application as a reference.

Overview

SAP SHIPS
Web Components →

@ui5/webcomponents SAP's UI elements as standard custom elements, ui5-button among them, implementing SAP Fiori design and usable from plain HTML, React, Angular or Vue.

Not covered: At the surface: the components render and collect input and call no model, and the package is experimental and supports the Horizon themes only. The call belongs to whatever backend the application runs.

THE COMMUNITY ADDS

The call and the control arrive together: ui5-cap-ai-features pairs UI5 controls with a CDS plugin, and cap-ui5-gpt-chat is a whole chat application on a UI5 front end. Both live in CAP and serve UI5.

Artifacts2

2 of 2 artifacts
ArtifactSignals
CDS plugins1
ui5-cap-ai-featuresCDS plugin and UI5 controls for AI text features via SAP AI Core
Signals
Functional boundary+1
Packages1
@ui5/webcomponentsSAP's UI elements as standard custom elements
Signals
Functional boundary

Content5

Group by
Piece, what it offers
UI5 AI Features library is now an npm Package
SAP Community, Wouter Lemaire, BlogThe reasoningRunnable code
Version drift
UI5 MCP Server Got Extended for UI Integration Cards Generation
SAP Community, daniel_vladinov, Blog
A ChatGPT-like chat app built with modern SAP technologies (CAP, SAPUI5) – Part 3/3
SAP Community, Mike Zaschka, part 3 of 3, BlogThe reasoningRunnable code
1 stale part
Show 2 more
A ChatGPT-like chat app built with modern SAP technologies (CAP, SAPUI5) – Part 2/3
SAP Community, Mike Zaschka, part 2 of 3, BlogThe reasoningRunnable code
Gone quiet
A ChatGPT-like chat app built with modern SAP technologies (CAP, SAPUI5) – Part 1/3
SAP Community, Mike Zaschka, part 1 of 3, BlogThe reasoningRunnable code
Gone quiet
UI5 AI Features library is now an npm Package
SAP Community, Wouter Lemaire, BlogThe reasoningRunnable code
Version drift

Seen working3

ArtifactSignals
Samples3
cap-ui5-gpt-chatChat app on CAP and SAPUI5 against the OpenAI API
Functional boundary
ui5-ai-features-demoProduct-review screen consuming ui5-cap-ai-features on CAP
No license
ui5con-2026-chrome-built-in-aiUI5 workshop adding Chrome's on-device AI APIs to a TypeScript app
none

Details

Coverage
statecore and community, UI5
assessed
relationshipunassessed
also inCAP, BTP/BAIP, ABAP
SourceUI5/webcomponents — packages/ai READMEchecked SourcePromptInput | UI5 Web Componentschecked
For your agent
Ref
capability:llm-integration
JSON
/capabilities/llm-integration.json
MCP
Connecting an agent