diff --git a/chat-builder/nextjs/integration.mdx b/chat-builder/nextjs/integration.mdx index c58820eaa..ead652437 100644 --- a/chat-builder/nextjs/integration.mdx +++ b/chat-builder/nextjs/integration.mdx @@ -6,9 +6,7 @@ description: "Step-by-step guide to integrating CometChat's UI Kit Builder into The **UI Kit Builder** simplifies integrating CometChat's UI Kit into your Next.js application — quickly set up chat, customize UI elements, and add features without extensive coding. - - - + **For developers integrating chat into Next.js apps**: This guide covers diff --git a/chat-builder/nextjs/overview.mdx b/chat-builder/nextjs/overview.mdx index 107ca26a0..434b3a426 100644 --- a/chat-builder/nextjs/overview.mdx +++ b/chat-builder/nextjs/overview.mdx @@ -44,9 +44,7 @@ Customize your chat experience using the visual UI Kit Builder: - **Themes** — Select between system, light, and dark themes. Choose custom colors and typography. - Customize component behavior directly from the builder interface. - - - + ### 2. Export diff --git a/chat-builder/react-router/integration.mdx b/chat-builder/react-router/integration.mdx index 389bbdd21..61bfcf74a 100644 --- a/chat-builder/react-router/integration.mdx +++ b/chat-builder/react-router/integration.mdx @@ -6,9 +6,7 @@ description: "Step-by-step guide to integrating CometChat's UI Kit Builder into The **UI Kit Builder** simplifies integrating CometChat's UI Kit into your React Router application — quickly set up chat, customize UI elements, and add features without extensive coding. - - - + **For developers integrating chat into React Router apps**: This guide covers diff --git a/chat-builder/react-router/overview.mdx b/chat-builder/react-router/overview.mdx index 32183868f..3234af83b 100644 --- a/chat-builder/react-router/overview.mdx +++ b/chat-builder/react-router/overview.mdx @@ -44,9 +44,7 @@ Customize your chat experience using the visual UI Kit Builder: - **Themes** — Select between system, light, and dark themes. Choose custom colors and typography. - Customize component behavior directly from the builder interface. - - - + ### 2. Export diff --git a/chat-builder/react/integration.mdx b/chat-builder/react/integration.mdx index 8f2d0a6bf..ccdbcbc74 100644 --- a/chat-builder/react/integration.mdx +++ b/chat-builder/react/integration.mdx @@ -6,9 +6,7 @@ description: "Step-by-step guide to integrating CometChat's UI Kit Builder into The **UI Kit Builder** simplifies integrating CometChat's UI Kit into your React application — quickly set up chat, customize UI elements, and add features without extensive coding. - - - + **For developers integrating chat into React apps**: This guide covers diff --git a/chat-builder/react/overview.mdx b/chat-builder/react/overview.mdx index facea343c..2071c58ba 100644 --- a/chat-builder/react/overview.mdx +++ b/chat-builder/react/overview.mdx @@ -44,9 +44,7 @@ Customize your chat experience using the visual UI Kit Builder: - **Themes** — Select between system, light, and dark themes. Choose custom colors and typography. - Customize component behavior directly from the builder interface. - - - + ### 2. Export diff --git a/images/uikit-builder-preview.png b/images/uikit-builder-preview.png new file mode 100644 index 000000000..66f326ed6 Binary files /dev/null and b/images/uikit-builder-preview.png differ diff --git a/ui-kit/react/moved/builder-integration-nextjs.mdx b/ui-kit/react/moved/builder-integration-nextjs.mdx index 071142193..6a4016fc1 100644 --- a/ui-kit/react/moved/builder-integration-nextjs.mdx +++ b/ui-kit/react/moved/builder-integration-nextjs.mdx @@ -7,9 +7,7 @@ sidebarTitle: "Integration - Next.js" With the **UI Kit Builder**, you can quickly set up chat functionalities, customize UI elements, and integrate essential features without extensive coding. - - - + ## **Complete Integration Workflow** diff --git a/ui-kit/react/moved/builder-integration-react-router.mdx b/ui-kit/react/moved/builder-integration-react-router.mdx index ae0e4e745..93e4639c7 100644 --- a/ui-kit/react/moved/builder-integration-react-router.mdx +++ b/ui-kit/react/moved/builder-integration-react-router.mdx @@ -7,9 +7,7 @@ sidebarTitle: "Integration - React Router" With the **UI Kit Builder**, you can quickly set up chat functionalities, customize UI elements, and integrate essential features without extensive coding. - - - + ## **Complete Integration Workflow** diff --git a/ui-kit/react/moved/builder-integration.mdx b/ui-kit/react/moved/builder-integration.mdx index 8de67e995..690ead2ba 100644 --- a/ui-kit/react/moved/builder-integration.mdx +++ b/ui-kit/react/moved/builder-integration.mdx @@ -7,9 +7,7 @@ sidebarTitle: "Integration - React.js" With the **UI Kit Builder**, you can quickly set up chat functionalities, customize UI elements, and integrate essential features without extensive coding. - - - + ## **Complete Integration Workflow** diff --git a/widget/html/overview.mdx b/widget/html/overview.mdx index ce7a81df2..aed8cf03a 100644 --- a/widget/html/overview.mdx +++ b/widget/html/overview.mdx @@ -45,9 +45,7 @@ Customize your chat widget using the visual Widget Builder: - **Toggle features** — Turn chat and calling features on and off from the builder interface. - **Themes** — Select between system, light, and dark themes. Choose custom colors and typography. - - - + ### 2. Get Embed Code @@ -125,16 +123,10 @@ Experience the CometChat Widget Builder in action: ## Related Resources - - Learn more about the CometChat JavaScript SDK - Explore advanced JavaScript controls — open chats, listen for events, and more - - Widget Builder for WordPress websites - - - Widget Builder for Shopify stores + + Build and customize chat UI with the UI Kit Builder diff --git a/widget/shopify/overview.mdx b/widget/shopify/overview.mdx index 0ad53207d..53a133601 100644 --- a/widget/shopify/overview.mdx +++ b/widget/shopify/overview.mdx @@ -45,9 +45,7 @@ Customize your chat widget using the visual Widget Builder: - **Toggle features** — Turn chat and calling features on and off from the builder interface. - **Themes** — Select between system, light, and dark themes. Choose custom colors and typography. - - - + ### 2. Get Embed Code @@ -126,16 +124,7 @@ Experience the CometChat Widget Builder in action: ## Related Resources - - Learn more about the CometChat JavaScript SDK - - - Widget Builder for HTML websites - - - Widget Builder for WordPress websites - - - Widget Builder for Wix websites + + Build and customize chat UI with the UI Kit Builder diff --git a/widget/squarespace/overview.mdx b/widget/squarespace/overview.mdx index c63444aeb..5d9303da4 100644 --- a/widget/squarespace/overview.mdx +++ b/widget/squarespace/overview.mdx @@ -45,9 +45,7 @@ Customize your chat widget using the visual Widget Builder: - **Toggle features** — Turn chat and calling features on and off from the builder interface. - **Themes** — Select between system, light, and dark themes. Choose custom colors and typography. - - - + ### 2. Get Embed Code @@ -126,16 +124,7 @@ Experience the CometChat Widget Builder in action: ## Related Resources - - Learn more about the CometChat JavaScript SDK - - - Widget Builder for HTML websites - - - Widget Builder for Wix websites - - - Widget Builder for Webflow websites + + Build and customize chat UI with the UI Kit Builder diff --git a/widget/webflow/overview.mdx b/widget/webflow/overview.mdx index 5235a528a..3c4d9e404 100644 --- a/widget/webflow/overview.mdx +++ b/widget/webflow/overview.mdx @@ -45,9 +45,7 @@ Customize your chat widget using the visual Widget Builder: - **Toggle features** — Turn chat and calling features on and off from the builder interface. - **Themes** — Select between system, light, and dark themes. Choose custom colors and typography. - - - + ### 2. Get Embed Code @@ -126,16 +124,7 @@ Experience the CometChat Widget Builder in action: ## Related Resources - - Learn more about the CometChat JavaScript SDK - - - Widget Builder for HTML websites - - - Widget Builder for Shopify stores - - - Widget Builder for Squarespace websites + + Build and customize chat UI with the UI Kit Builder diff --git a/widget/wix/overview.mdx b/widget/wix/overview.mdx index b2202016e..257926408 100644 --- a/widget/wix/overview.mdx +++ b/widget/wix/overview.mdx @@ -45,9 +45,7 @@ Customize your chat widget using the visual Widget Builder: - **Toggle features** — Turn chat and calling features on and off from the builder interface. - **Themes** — Select between system, light, and dark themes. Choose custom colors and typography. - - - + ### 2. Get Embed Code @@ -126,16 +124,7 @@ Experience the CometChat Widget Builder in action: ## Related Resources - - Learn more about the CometChat JavaScript SDK - - - Widget Builder for HTML websites - - - Widget Builder for WordPress websites - - - Widget Builder for Squarespace websites + + Build and customize chat UI with the UI Kit Builder diff --git a/widget/wordpress/overview.mdx b/widget/wordpress/overview.mdx index a7f6aa399..541d73926 100644 --- a/widget/wordpress/overview.mdx +++ b/widget/wordpress/overview.mdx @@ -45,9 +45,7 @@ Customize your chat widget using the visual Widget Builder: - **Toggle features** — Turn chat and calling features on and off from the builder interface. - **Themes** — Select between system, light, and dark themes. Choose custom colors and typography. - - - + ### 2. Get Embed Code @@ -125,16 +123,7 @@ Experience the CometChat Widget Builder in action: ## Related Resources - - Learn more about the CometChat JavaScript SDK - - - Widget Builder for HTML websites - - - Widget Builder for Shopify stores - - - Widget Builder for Wix websites + + Build and customize chat UI with the UI Kit Builder