diff --git a/packages/docs/content/docs/examples/ai-content-moderation.mdx b/packages/docs/content/docs/examples/ai-content-moderation.mdx index 4a319befd..1659b4e36 100644 --- a/packages/docs/content/docs/examples/ai-content-moderation.mdx +++ b/packages/docs/content/docs/examples/ai-content-moderation.mdx @@ -16,10 +16,18 @@ Let's build a content moderation system that scales intelligently. --- -## The Power of Intelligent Content Moderation +## Explore the Workbench
![AI Content Moderation Workflow](./../img/ai-content-moderation-workflow.png)
+**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/motia-examples/tree/main/examples/ai-content-moderation) +- [Browse All Examples](https://github.com/MotiaDev/motia-examples) + +--- + +## The Power of Intelligent Content Moderation + At its core, our content moderation system solves a fundamental challenge: how do you efficiently moderate user-generated content at scale while maintaining human oversight for complex decisions? Traditional approaches often involve either fully manual processes that don't scale or fully automated systems that lack nuance. Our Motia-powered solution combines the best of both worlds through intelligent routing: diff --git a/packages/docs/content/docs/examples/ai-deep-research-agent.mdx b/packages/docs/content/docs/examples/ai-deep-research-agent.mdx index 4ae6e956a..e32c09022 100644 --- a/packages/docs/content/docs/examples/ai-deep-research-agent.mdx +++ b/packages/docs/content/docs/examples/ai-deep-research-agent.mdx @@ -5,6 +5,18 @@ description: A powerful research assistant that leverages the Motia Framework to import { CodeFetcher } from '../../../components/CodeFetcher' +--- + +## Explore the Workbench + +
![AI Deep Research Agent](./../img/ai-deep-research-agent.png)
+ +**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/motia-examples/tree/main/examples/ai-deep-research-agent) +- [Browse All Examples](https://github.com/MotiaDev/motia-examples) + +--- + ## Let's build a AI Deep Research Agent that: - **Deep Web Research**: Automatically searches the web, extracts content, and synthesizes findings diff --git a/packages/docs/content/docs/examples/finance-agent.mdx b/packages/docs/content/docs/examples/finance-agent.mdx index cee05de7f..ec72017f9 100644 --- a/packages/docs/content/docs/examples/finance-agent.mdx +++ b/packages/docs/content/docs/examples/finance-agent.mdx @@ -5,6 +5,18 @@ description: A powerful event-driven financial analysis workflow that combines w import { CodeFetcher } from '../../../components/CodeFetcher' +--- + +## Explore the Workbench + +
![Finance Agent](./../img/finance-agent.gif)
+ +**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/motia-examples/tree/main/examples/finance-agent) +- [Browse All Examples](https://github.com/MotiaDev/motia-examples) + +--- + ## Let's build a finance agent that: - Real-time Financial Analysis: Combines multiple data sources for comprehensive insights diff --git a/packages/docs/content/docs/examples/github-integration-workflow.mdx b/packages/docs/content/docs/examples/github-integration-workflow.mdx index 977133724..e1b7e622b 100644 --- a/packages/docs/content/docs/examples/github-integration-workflow.mdx +++ b/packages/docs/content/docs/examples/github-integration-workflow.mdx @@ -3,6 +3,18 @@ title: 'GitHub Integration' description: Build an automated GitHub issue and PR management system with AI-powered classification and routing --- +--- + +## Explore the Workbench + +
![GitHub Issue Workflow](./../img/github-issue-workflow.png)
+ +**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/motia-examples/tree/main/examples/github-integration-workflow) +- [Browse All Examples](https://github.com/MotiaDev/motia-examples) + +--- + ## Let's build a GitHub automation system that: 1. Automatically triages and classifies new issues diff --git a/packages/docs/content/docs/examples/github-stars-counter.mdx b/packages/docs/content/docs/examples/github-stars-counter.mdx index 6c1f95130..23e73663f 100644 --- a/packages/docs/content/docs/examples/github-stars-counter.mdx +++ b/packages/docs/content/docs/examples/github-stars-counter.mdx @@ -16,6 +16,13 @@ Let's build a stars counter that updates in real-time across all connected clien --- +
![GitHub Stars Counter Demo](./../img/gitstars-workbench.png)
+ +**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/github-stars-counter) + +--- + ## 🏭 Production-Grade Example **This is not a tutorial project** - this is battle-tested, production-ready code that handles real traffic at scale. Every aspect has been designed for enterprise use: @@ -45,8 +52,6 @@ That live-updating number next to the GitHub icon? That's this exact implementat ## The Power of Real-Time Simplicity -
![GitHub Stars Counter Demo](/docs-images/motia-star.gif)
- At its core, our GitHub stars counter solves a fundamental challenge: how do you display live, real-time metrics without complex WebSocket infrastructure or manual state management? Traditional approaches often involve intricate server-side event handling, client connection management, and complex state synchronization. Our Motia-powered solution breaks this down into just two simple components: diff --git a/packages/docs/content/docs/examples/gmail-automation.mdx b/packages/docs/content/docs/examples/gmail-automation.mdx index 19ac3ba8c..84701044b 100644 --- a/packages/docs/content/docs/examples/gmail-automation.mdx +++ b/packages/docs/content/docs/examples/gmail-automation.mdx @@ -5,6 +5,18 @@ description: Build an automated email system with smart labeling, auto-responses import { GmailTab } from '../../../components/GmailCodeFetcher' +--- + +## Explore the Workbench + +
![Gmail Automation](./../img/gmail-automation.png)
+ +**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/motia-examples/tree/main/examples/gmail-flow) +- [Browse All Examples](https://github.com/MotiaDev/motia-examples) + +--- + ## Let's build a Gmail automation system that: - 📊 Smart email classification by category (work, personal, social, promotion, spam, update) diff --git a/packages/docs/content/docs/examples/multi-language-data-processing.mdx b/packages/docs/content/docs/examples/multi-language-data-processing.mdx index af50a4c1f..7f184fcc5 100644 --- a/packages/docs/content/docs/examples/multi-language-data-processing.mdx +++ b/packages/docs/content/docs/examples/multi-language-data-processing.mdx @@ -16,10 +16,18 @@ Let's build a production-ready data processing system where steps unify TypeScri --- -## The Power of Steps: A Unified Multi-Language Primitive +## Explore the Workbench
![Multi-Language Data Processing in Motia Workbench](/docs-images/motia-build-your-app-2.gif)
+**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/motia-examples/tree/main/examples/multi-language-data-processing) +- [Browse All Examples](https://github.com/MotiaDev/motia-examples) + +--- + +## The Power of Steps: A Unified Multi-Language Primitive + At its core, our data processing pipeline demonstrates how **steps** solve the fundamental challenge of multi-language systems: unifying different programming languages under a single, coherent abstraction. Traditional polyglot architectures require complex inter-process communication and deployment coordination. Motia's **step** primitive unifies everything. **Steps enable true language unification:** diff --git a/packages/docs/content/docs/examples/rag-docling-weaviate.mdx b/packages/docs/content/docs/examples/rag-docling-weaviate.mdx index 83e31971e..5e68b9ff9 100644 --- a/packages/docs/content/docs/examples/rag-docling-weaviate.mdx +++ b/packages/docs/content/docs/examples/rag-docling-weaviate.mdx @@ -17,10 +17,18 @@ Let's transform your documents into an intelligent AI assistant. --- -## The Power of Intelligent Document Processing +## Explore the Workbench
![RAG Workflow in Motia Workbench](./../img/rag-docling-weaviate-agent.png)
+**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/motia-examples/tree/main/examples/rag-docling-weaviate-agent) +- [Browse All Examples](https://github.com/MotiaDev/motia-examples) + +--- + +## The Power of Intelligent Document Processing + At its core, our RAG agent solves a fundamental challenge: how do you make unstructured documents searchable and queryable by AI? Traditional approaches often involve complex, monolithic systems that are difficult to scale and maintain. Our Motia-powered solution breaks this down into discrete, event-driven steps that each handle a specific aspect of the pipeline. diff --git a/packages/docs/content/docs/examples/sentiment-analysis.mdx b/packages/docs/content/docs/examples/sentiment-analysis.mdx index bbddedb8c..795b29228 100644 --- a/packages/docs/content/docs/examples/sentiment-analysis.mdx +++ b/packages/docs/content/docs/examples/sentiment-analysis.mdx @@ -5,7 +5,17 @@ description: 'Dynamic Workflows: Building a Sentiment Analyzer with Motia' In modern application development, workflows are rarely linear. Whether you're building a simple "prompt => response" system or a complex, multi-stage data processing pipeline, you often need your application to make decisions and route data dynamically. This is where the power of event-driven architecture shines, and where the Motia framework provides a clear path forward. -
![motia workbench for sentiment analysis](./../img/sentimental-analysis.png)
+--- + +## Explore the Workbench + +
![motia workbench for sentiment analysis](./../img/sentimental-analyzer-workbench.gif)
+ +**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/motia-examples/tree/main/examples/sentimental-analysis) +- [Browse All Examples](https://github.com/MotiaDev/motia-examples) + +--- This guide explores how to build a dynamic sentiment analysis application that uses an LLM to determine how to proceed. We'll cover: diff --git a/packages/docs/content/docs/examples/trello-automation.mdx b/packages/docs/content/docs/examples/trello-automation.mdx index 0c4dcf1da..c836c6f03 100644 --- a/packages/docs/content/docs/examples/trello-automation.mdx +++ b/packages/docs/content/docs/examples/trello-automation.mdx @@ -5,6 +5,18 @@ description: Build an automated card progression system for Trello boards with A import { TrelloTab, TrelloCodeContent } from '../../../components/TrelloCodeFetcher' +--- + +## Explore the Workbench + +
![Trello Automation](./../img/trello.png)
+ +**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/motia-examples/tree/main/examples/trello-flow) +- [Browse All Examples](https://github.com/MotiaDev/motia-examples) + +--- + ## Let's build a Trello automation system that: 1. Automatically progresses cards across board lists @@ -50,7 +62,7 @@ The Trello board is organized into four main lists: Here's how the automation flow works: -
![Flow: Trello Automation Steps](../img/trello-automation.png)
+
![Flow: Trello Automation Steps](./../img/trello.png)
1. **Card Validation** → Checks for required information 2. **Progress Tracking** → Moves cards between lists diff --git a/packages/docs/content/docs/examples/uptime-discord-monitor.mdx b/packages/docs/content/docs/examples/uptime-discord-monitor.mdx index 6478eb285..f3376a5aa 100644 --- a/packages/docs/content/docs/examples/uptime-discord-monitor.mdx +++ b/packages/docs/content/docs/examples/uptime-discord-monitor.mdx @@ -15,9 +15,19 @@ Let's build a monitoring system that actually works for you. --- +## Explore the Workbench + +
![Uptime Monitor](./../img/uptime-monitor-architecture.png)
+ +**Try it yourself:** +- [View Source Code](https://github.com/MotiaDev/motia-examples/tree/main/examples/motia-uptime-monitor) +- [Browse All Examples](https://github.com/MotiaDev/motia-examples) + +--- + ## The Power of Event-Driven Monitoring -
![Uptime Monitor Architecture](./../img/uptime-monitor-architecture.png)
+
![Uptime Monitor Architecture](./../img/uptime-monitor.gif)
At its core, our uptime monitoring system solves a fundamental challenge: how do you continuously monitor multiple websites without creating a brittle, monolithic application? Traditional monitoring tools often suffer from tight coupling, making them difficult to scale and customize. Our Motia-powered solution breaks this down into discrete, event-driven components that each handle a specific aspect of monitoring. diff --git a/packages/docs/content/docs/img/chessarena-workbench.png b/packages/docs/content/docs/img/chessarena-workbench.png new file mode 100644 index 000000000..f211c0a90 Binary files /dev/null and b/packages/docs/content/docs/img/chessarena-workbench.png differ diff --git a/packages/docs/content/docs/img/gitstars-workbench.png b/packages/docs/content/docs/img/gitstars-workbench.png new file mode 100644 index 000000000..94414bf86 Binary files /dev/null and b/packages/docs/content/docs/img/gitstars-workbench.png differ diff --git a/packages/docs/content/docs/img/trello.png b/packages/docs/content/docs/img/trello.png new file mode 100644 index 000000000..773b69176 Binary files /dev/null and b/packages/docs/content/docs/img/trello.png differ diff --git a/packages/docs/content/docs/product-showcase/chessarena-ai.mdx b/packages/docs/content/docs/product-showcase/chessarena-ai.mdx index 76b3ecfa8..9da13284c 100644 --- a/packages/docs/content/docs/product-showcase/chessarena-ai.mdx +++ b/packages/docs/content/docs/product-showcase/chessarena-ai.mdx @@ -18,6 +18,8 @@ Let's build a chess platform that measures AI intelligence through gameplay qual ## 🏭 Production-Grade Chess Platform +
![ChessArena AI Workbench](./../img/chessarena-workbench.png)
+ **This is not a tutorial project** - this is battle-tested, production-ready code that handles real traffic at scale. Every aspect has been designed for enterprise use: - **🎮 Live Chess Platform**: Real-time games with multiple AI models competing simultaneously