// Load Cookie Script
(function loadCookieScript() {
  const script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = '//cdn.cookie-script.com/s/d9523fe6589aee6eb52a0cae8e888694.js';
  document.head.appendChild(script);
})();

(function loadCookieScript() {
  const script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = '//geo.cookie-script.com/s/659231853a6e43f057baf60145883695.js?country=gb&state=ca&region=eu';
  document.head.appendChild(script);
})();



// Store the PostHog initialization function to call later when consent is given
!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
posthog.init('phc_3OLW53x09ZTVZSV6BEpj5uycj3ooqR6KOemOjx04e3D',{api_host:'https://dgoeivjus9jfp.cloudfront.net', person_profiles: 'identified_only', opt_out_capturing_by_default: true});

// Listen for cookie consent events for Google Analytics
window.addEventListener('CookieScriptAccept', function(e) {
  if (e.detail.categories.includes('performance')) {
    posthog.opt_in_capturing();
  } else {
    posthog.opt_out_capturing();
  }
});

window.addEventListener('CookieScriptAcceptAll', function() {
  posthog.opt_in_capturing();
});

window.addEventListener('CookieScriptReject', function() {
  posthog.opt_out_capturing();
});

// Google Analytics initialization
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-MH5FD5YJR5');

gtag('consent', 'default', {
  'ad_storage': 'denied',
  'ad_user_data': 'denied',
  'ad_personalization': 'denied',
  'analytics_storage': 'denied'
});

// Listen for cookie consent events for Google Analytics
window.addEventListener('CookieScriptAccept', function(e) {
  if (e.detail.categories.includes('performance')) {
    gtag('consent', 'update', {
      'analytics_storage': 'granted'
    });
  } else {
    gtag('consent', 'update', {
      'analytics_storage': 'denied'
    });
  }
});

window.addEventListener('CookieScriptAcceptAll', function() {
  gtag('consent', 'update', {
    'analytics_storage': 'granted'
  });
});

window.addEventListener('CookieScriptReject', function() {
  gtag('consent', 'update', {
    'analytics_storage': 'denied'
  });
});


Get started quickly with building your first conversational Generative UI application

Quickstart

Thesys Documentation

Welcome to the home of Thesys documentation

Home

Overview

Get started quickly with building your first Generative UI application

An introduction to Generative UI, its benefits, and practical usage in your applications.

What is Generative UI?

Models & Pricing

C1 is a hosted service that is built to be secure and compliant.

Security & Compliance

Getting Started

Learn how to customize generated UI behavior using system prompts

Using System Prompts

Integrate external tools and data sources into your Generative UI applications

Tool Calling

Integrating React C1 Component to render live UI from the C1 API response.

Introduction

Setting up the UI

Styling UI according to your application's theme.

UI Customizations

Build a Generative UI Company Research agent using Thesys

Company Research Agent

Build powerful AI agents with LangChain and C1 using tools and SQL database integration

LangChain Integration

Introduction to building Generative UI Conversational apps with Thesys

Generative UI Conversational apps

Install and set up the React Component for your Generative UI Chatbot

Setup

Installing the React Component

Customize and style your conversational UI components to match your brand

Customizations

Integrate the backend endpoint in your NextJS application

API Endpoint

Generative UI Chat endpoint

Learn to enhance user experience by updating them about the agent's thinking process in real-time

Thinking States

Learn how to render custom markdown responses in the C1 UI.

Custom Markdown Responses

Build a more advanced agent using C1 by utilizing tool calling

Chat

A guide to creating a basic LangGraph agent using Python and the Thesys C1 API for a generative UI (GenUI) chatbot.

LangGraph

Learn how to use MCP to extend your agents with external tools and data sources

Model Context Protocol (MCP)

API Versioning

Rate Limits

Errors

React component for building conversational AI interfaces with C1's chat functionality.

Chat Component

React component for embedding Generative UI into your applications.

Standalone Component

React component for customizing the C1 UI.

Theme Provider

Gallery

Convert raw data into insightful visualizations with explanations that highlight key trends and patterns for better decision-making.

Data Visualizer

Simplify complex legal language into clear explanations, with relevant citations to the original document.

Lawyer On-Call

Create personalized itineraries with local recommendations, accommodation options, and transportation logistics based on your preferences.

Travel Planner

Transform ingredients into customized recipes, with nutritional information and dietary modifications to suit your health goals.

Get Started

Building the Chat UI

Connecting the backend

Use Cases

Frameworks

Quickstart