Skip to main content
Learn by building. Each tutorial walks you through creating a complete, production-ready application from scratch. Follow the setup instructions to get an MVP running locally, then deploy to production.
New to Thesys? Start with What is Thesys C1 to understand the core concepts before diving into examples.

AI Search Engine

Build a Perplexity-style search app with Exa or Google Gemini. Generate rich, visual UI instead of plain text results. Includes multi-provider search, image integration, and conversation threads.What you’ll learn: Tool calling, search APIs, streaming, C1Chat

Financial Data Copilot

Create an AI copilot for financial analysis. Query stocks, crypto, and company financials in natural language. Get automatic charts, tables, and insights.What you’ll learn: Financial APIs, data visualization, tool calling, thread management

AI Canvas for Ideation

Build an infinite canvas with AI-generated visual cards. Select cards for context-aware follow-ups. Perfect for brainstorming, planning, and research.What you’ll learn: tldraw integration, custom components, context extraction, keyboard shortcuts

ChatGPT-like Interface

Create a conversational AI app with rich UI responses. The simplest way to get started with C1Chat and generative UI.What you’ll learn: C1Chat basics, streaming, message history

​
More Examples

Company Research Agent

Multi-step research agent that gathers company information from multiple sources and synthesizes it into comprehensive reports.What you’ll learn: Multi-step workflows, web scraping, data synthesis

​
What Makes These Examples Different

These aren’t code snippets or minimal demos. Each tutorial:
  • Starts from zero: Create a new Next.js project and build everything from scratch
  • Runs locally: Follow setup steps to get a working MVP on your machine
  • Production-ready: Includes error handling, rate limiting, and deployment guidance
  • Teaches architecture: Understand why decisions are made, not just how to copy code
  • Full source code: Every example has a GitHub repo you can clone and explore

​
Choose Your Path

Start with AI Search Engine. You’ll learn how to integrate search APIs, process results, and generate contextual UI. Then check out Company Research for multi-step workflows.
Start with Financial Data Copilot. You’ll learn how to connect APIs, visualize data, and create conversational interfaces for data exploration.
Start with AI Canvas. You’ll learn how to integrate tldraw, create custom shapes, and build context-aware systems.
Start with ChatGPT-like Interface. It’s the simplest example that introduces core concepts like C1Chat, streaming, and message history.

​
Common Patterns Across Examples

All examples demonstrate these core concepts:
  • Tool Calling: Let LLMs decide when and how to call external APIs
  • Streaming: Real-time response generation with progress indicators
  • C1Chat: Pre-built conversational UI that handles complexity for you
  • Thread Management: Maintain conversation context for follow-up questions
  • System Prompts: Guide LLMs to generate specific types of UI

​
Need Help?

​
Contributing

Have an idea for a new example? Open an issue or PR on GitHub. We’re especially interested in: