Featured 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
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
I want to build a search or research tool
I want to build a search or research tool
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.
I want to work with data and analytics
I want to work with data and analytics
Start with Financial Data Copilot. You’ll learn how to connect APIs, visualize data, and create conversational interfaces for data exploration.
I want to build visual/spatial interfaces
I want to build visual/spatial interfaces
Start with AI Canvas. You’ll learn how to integrate tldraw, create custom shapes, and build context-aware systems.
I'm completely new to C1
I'm completely new to C1
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?
- Read How C1 Works to understand the fundamentals
- Follow the Getting Started guide to set up your environment
- Join our Discord community to ask questions
- Check the full documentation for detailed guides
- Explore GitHub repos for complete source code
Contributing
Have an idea for a new example? Open an issue or PR on GitHub. We’re especially interested in:- Integration with other frameworks (LangChain, CrewAI, AutoGen)
- Domain-specific applications (legal, medical, education)
- Novel UI patterns (collaborative editing, real-time updates)
- Different tech stacks (Python/FastAPI, Go, Rust)