Side-by-side comparison of AI agent framework syntax. See how the same agent pattern looks across different SDKs and frameworks.
Inspired by component-party.dev.
Python: OpenAI SDK, Anthropic SDK, Gemini SDK, Pydantic AI, LangGraph
TypeScript: Mastra, AI SDK
| Category | Scenarios |
|---|---|
| The Basics | Setup, Hello World, Instructions |
| Tools | Tool Call, Multi-step, Complex Parameters, Tool Error Handling |
| Output | Structured Output, Tool as Output |
| Streaming | Text Streaming, Stream Events |
- Astro (static site generation)
- Tailwind CSS v4
- Shiki (syntax highlighting)
bun install
bun devbun run buildcontent/ # Agent code snippets organized by category/scenario/framework
src/
components/ # Astro components (CategoryPage, FrameworkSelector, etc.)
data/ # Framework and category definitions
layouts/ # Page layout
pages/ # Routes (index, about, each category)
To add a new framework, create a directory for it under each scenario in content/ and register it in src/data/frameworks.ts.
Built by Dima Kuchin at Mirable.