> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thesys.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Example Applications

> End-to-end tutorials showing how to build production-ready AI applications with Thesys C1

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](/guides/deployment/introduction).

<Tip>
  New to Thesys? Start with [What is Thesys C1](/guides/what-is-thesys-c1) to understand the core concepts before diving into examples.
</Tip>

## Featured Examples

<CardGroup cols={2}>
  <Card title="AI Search Engine" icon="magnifying-glass" href="/examples/search-with-c1">
    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](/guides/integrate-data/tool-calling), search APIs, [streaming](/guides/streaming), [C1Chat](/react-reference/c1-chat)
  </Card>

  <Card title="Financial Data Copilot" icon="chart-line" href="/examples/analytics-with-c1">
    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](/guides/styling/charts), [tool calling](/guides/integrate-data/tool-calling), [thread management](/guides/conversational/persistence)
  </Card>

  <Card title="AI Canvas for Ideation" icon="grid-2" href="/examples/canvas-with-c1">
    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](/guides/custom-components), context extraction, keyboard shortcuts
  </Card>

  <Card title="ChatGPT-like Interface" icon="comments" href="/examples/like-chatgpt">
    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](/react-reference/c1-chat), [streaming](/guides/streaming), [message history](/guides/conversational/persistence)
  </Card>
</CardGroup>

## More Examples

<CardGroup cols={2}>
  <Card title="Company Research Agent" icon="building" href="/examples/company-research">
    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
  </Card>
</CardGroup>

## 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](/guides/setup) to get a working MVP on your machine
* **Production-ready**: Includes error handling, rate limiting, and [deployment guidance](/guides/deployment/introduction)
* **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

<AccordionGroup>
  <Accordion title="I want to build a search or research tool">
    Start with [AI Search Engine](/examples/search-with-c1). You'll learn how to integrate search APIs, process results, and generate contextual UI. Then check out [Company Research](/examples/company-research) for multi-step workflows.
  </Accordion>

  <Accordion title="I want to work with data and analytics">
    Start with [Financial Data Copilot](/examples/analytics-with-c1). You'll learn how to connect APIs, visualize data, and create conversational interfaces for data exploration.
  </Accordion>

  <Accordion title="I want to build visual/spatial interfaces">
    Start with [AI Canvas](/examples/canvas-with-c1). You'll learn how to integrate tldraw, create custom shapes, and build context-aware systems.
  </Accordion>

  <Accordion title="I'm completely new to C1">
    Start with [ChatGPT-like Interface](/examples/like-chatgpt). It's the simplest example that introduces core concepts like C1Chat, streaming, and message history.
  </Accordion>
</AccordionGroup>

## Common Patterns Across Examples

All examples demonstrate these core concepts:

* **[Tool Calling](/guides/integrate-data/tool-calling)**: Let LLMs decide when and how to call external APIs
* **[Streaming](/guides/streaming)**: Real-time response generation with progress indicators
* **[C1Chat](/react-reference/c1-chat)**: Pre-built conversational UI that handles complexity for you
* **[Thread Management](/guides/conversational/persistence)**: Maintain conversation context for follow-up questions
* **[System Prompts](/guides/guiding-outputs)**: Guide LLMs to generate specific types of UI

## Need Help?

* Read [How C1 Works](/guides/how-c1-works) to understand the fundamentals
* Follow the [Getting Started guide](/guides/setup) to set up your environment
* Join our [Discord community](https://discord.gg/Pbv5PsqUSv) to ask questions
* Check the [full documentation](/guides/what-is-thesys-c1) for detailed guides
* Explore [GitHub repos](https://github.com/thesysdev) for complete source code

## Contributing

Have an idea for a new example? Open an issue or PR on [GitHub](https://github.com/thesysdev/examples). We're especially interested in:

* [Integration with other frameworks](/guides/frameworks/index) (LangChain, CrewAI, AutoGen)
* Domain-specific applications (legal, medical, education)
* Novel UI patterns ([collaborative editing](/guides/conversational/sharing/thread), real-time updates)
* Different tech stacks (Python/FastAPI, Go, Rust)