ContextQMD
Back to Eliza

Examples Gallery

packages/docs/examples-gallery/index.mdx

2.0.13.9 KB
Original Source

Explore our comprehensive collection of examples. Each demonstrates real-world usage patterns; packages/examples/ standardizes on TypeScript for application samples.

Browse by Category

<CardGroup cols={2}> <Card title="Chat Applications" icon="comments" href="/examples-gallery/chat-apps" > Interactive CLI and web chat interfaces for conversational agents </Card> <Card title="Web Applications" icon="browser" href="/examples-gallery/web-apps" > React, Next.js, and vanilla HTML browser implementations </Card> <Card title="REST APIs" icon="server" href="/examples-gallery/rest-apis"> HTTP endpoints with Express, Hono, and Elysia </Card> <Card title="Serverless" icon="cloud" href="/examples-gallery/serverless"> AWS Lambda, GCP, Vercel, Cloudflare, and Supabase deployments </Card> <Card title="Games" icon="gamepad" href="/examples-gallery/games"> AI-powered text adventure and interactive games </Card> </CardGroup>

Browse by Platform

<CardGroup cols={3}> <Card title="AWS" icon="aws" href="/examples-gallery/aws"> Lambda, API Gateway, SAM </Card> <Card title="GCP" icon="google" href="/examples-gallery/gcp"> Cloud Functions, Cloud Run </Card> <Card title="Vercel" icon="triangle" href="/examples-gallery/vercel"> Edge Functions, Serverless </Card> <Card title="Cloudflare" icon="cloudflare" href="/examples-gallery/cloudflare" > Workers, Durable Objects </Card> <Card title="Supabase" icon="database" href="/examples-gallery/supabase"> Edge Functions, Deno </Card> </CardGroup>

Quick Stats

CategoryExamples (TypeScript)Notes
Chat1examples/chat/
REST API3Express, Hono, Elysia
Browser3HTML, React, Next.js
Serverless5AWS, GCP, Vercel, Cloudflare, Supabase
Game3See games gallery
Total15Selected headline categories

Beginner-Friendly

<CardGroup cols={2}> <Card title="CLI Chat" icon="terminal" href="/examples-gallery/chat-apps"> The simplest way to understand elizaOS. Build an interactive chat agent in 50 lines of code. </Card> <Card title="HTML ELIZA" icon="code" href="/examples-gallery/web-apps#html-example"> Zero-dependency browser demo with retro CRT terminal styling. </Card> </CardGroup>

Production-Ready

<CardGroup cols={2}> <Card title="AWS Lambda" icon="aws" href="/examples-gallery/serverless#aws-lambda"> Scalable serverless deployment with SAM template. </Card> <Card title="Next.js Full-Stack" icon="react" href="/examples-gallery/web-apps#nextjs-example" > Complete web application with SSR and API routes. </Card> </CardGroup>

Advanced

<CardGroup cols={2}> <Card title="React + PGLite" icon="react" href="/examples-gallery/web-apps#react-example" > Full browser agent with SQL in IndexedDB via `examples/react/`. </Card> <Card title="AI Adventure Game" icon="gamepad" href="/examples-gallery/games"> Multi-step AI decision making with state management. </Card> </CardGroup>

Getting Started

  1. Clone the repository
bash
git clone https://github.com/elizaos/eliza.git
cd eliza
  1. Install dependencies
bash
bun install
  1. Set up environment
bash
export OPENAI_API_KEY="your-key"
  1. Run any example
bash
cd examples/chat && bun run start

Contributing Examples

We welcome new examples! See our contribution guide for details.

When adding examples:

  • Prefer TypeScript under packages/examples/<name>/
  • Include a README.md with setup instructions
  • Add tests where applicable
  • Follow existing directory structure