---
schema_version: "1"
id: 5ccd421e3c77a600c7b6640750da026e260d5e79435de1f4c0d2f70f1699c2c0
title: Apply Custom Brands to React Apps with the Brand Toolkit (Beta)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/release-notes/264-0-0/rn_headless360_mfw_brand_toolkit.md
canonical_url: https://help.salesforce.com/s/articleView?id=release-notes.rn_headless360_mfw_brand_toolkit.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 61bbfaae72230cfab47c50aeaa46ce1b752bcb1cce12df36c5f214785200cbb7
description: To apply a brand to your React app, use the new Brand Toolkit in the Live Preview VS Code extension. Get a published, approved Salesforce CMS brand from your org and customize it if you like. Or you can create a new brand based on a public URL or from scratch. Save the brand in your local VS Code project. When you’re satisfied with the brand’s look and feel, apply it to your app with a ready-to-use prompt for Agentforce Vibes.
products:
  - Cross Cloud
release: "264"
---
# Apply Custom Brands to React Apps with the Brand Toolkit (Beta)

To apply a brand to your React app, use the new Brand Toolkit in the Live Preview VS Code extension. Get a published, approved Salesforce CMS brand from your org and customize it if you like. Or you can create a new brand based on a public URL or from scratch. Save the brand in your local VS Code project. When you’re satisfied with the brand’s look and feel, apply it to your app with a ready-to-use prompt for Agentforce Vibes.

**Where:** This change applies to Lightning Experience in all editions.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-release-notes-salesforce_release_notes-264-0-0-production-enus/550ba85b-db1a-4608-9cd4-9a65ec96e1fa/images/icon_note.png)

Note Brand Toolkit is a pilot or beta service that is subject to the Beta Services Terms at [Agreements - Salesforce.com](https://www.salesforce.com/company/legal/agreements/) or a written Unified Pilot Agreement if executed by Customer, and applicable terms in the [Product Terms Directory](https://ptd.salesforce.com/). Use of this pilot or beta service is at the Customer's sole discretion.

**When:** This change is available starting in September 2026.

**How:** To open the Brand Toolkit (Beta), from the VS Code Command Palette, run SFDX: Open Brand Toolkit (Beta).

To access and apply a brand from Salesforce CMS with the Brand Toolkit, connect your org to Agentforce Vibes and activate the Content Read-Only MCP server in your org.

To get a brand from a URL, share the URL with Agentforce Vibes and prompt it to create a brand based on that URL. The Brand Toolkit opens after the brand is created and you can customize its attributes.

#### See Also

- [_Agentforce Vibes Developer Guide_: Build a React App Using Agentforce Vibes](https://developer.salesforce.com/docs/platform/agentforcevibes/guide/afv-reactdev-overview.html)
- [_Visual Studio Marketplace_: Salesforce Live Preview](https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-ui-preview)
- [_Visual Studio Marketplace_: Salesforce Extension Pack (Expanded)](https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-expanded)