// 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 Generative UI application

Quickstart

Thesys Documentation

Welcome to the home of Thesys documentation

Home

Overview

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

What is Generative UI

Calling the API

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

Rendering live UI from the Generative UI API.

Introduction

Setting up the UI

Improve the user experience by streaming the responses to the Generative UI app

Streaming

How to build interactive Generative UI applications

Interactivity

How to handle user inputs in the Generative UI application.

Inputs

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

Overview for building Generative UI Conversational apps with Thesys

How to build Generative UI Chatbots

Get started quickly with building your first conversational Generative UI application

Chatbot Quickstart

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 Overview

Models & Pricing

API Versioning

Rate Limits

Errors

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

Security & Compliance

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

Calling the API

Rendering the component

Use Cases

Frameworks

Quickstart