---
schema_version: "1"
id: 2d3663943e216a96bb3f3e2d97aa6502abd7a26b57773725764a4f7bb284e15b
title: Integrate the Agentforce Conversation Client in React Applications
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/release-notes/260-0-0/rn_vibe_code_acc.md
canonical_url: https://help.salesforce.com/s/articleView?id=release-notes.rn_vibe_code_acc.htm&release=260&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 305c7724edb083f781890ece9099a9b52f246b1b2efeeefa575adc8190a0251e
description: Integrate the Agentforce Conversation Client (ACC) directly into your React web applications using Agentforce Vibes to provide seamless conversational AI for employee use cases. This integration leverages the Lightning Out platform as a Lightning Web Component Interface (LWCI), allowing you to embed a branded conversational UI into non-LWC tech stacks without managing complex connectivity.
products:
  - Cross Cloud Packages Solutions
release: "260"
---
# Integrate the Agentforce Conversation Client in React Applications

Integrate the Agentforce Conversation Client (ACC) directly into your React web applications using Agentforce Vibes to provide seamless conversational AI for employee use cases. This integration leverages the Lightning Out platform as a Lightning Web Component Interface (LWCI), allowing you to embed a branded conversational UI into non-LWC tech stacks without managing complex connectivity.

**When:** This feature is available starting April 15, 2026.

**How:** Use a natural-language prompt in Agentforce Vibes to embed a conversational interface. Follow the interactive prompts to provide an employee agent ID and a UI label. Agentforce Vibes then updates your index.tsx file and runs npm commands to install the necessary dependencies for the Agentforce Conversation Client (ACC). To change the look of your conversational interface, such as the header or message colors, ask Agentforce Vibes to update the branding or styling.

#### See Also

- [_Agentforce Vibes Developer Guide_: ACC in Vibes](https://developer.salesforce.com/docs/platform/einstein-for-devs/guide/reactdev-overview.html)