About MokuGraph
MokuGraph is an interactive AI architecture component for Framer.
Visualise AI agents, RAG pipelines, MCP systems, knowledge graphs, and product ecosystems using ready-made templates or your own JSON data.
12 built-in architecture templates
AI Agent Architecture
Multi-Agent Team
RAG Pipeline
Agentic RAG
MCP Architecture
AI Customer Support
AI Sales Copilot
AI Memory System
AI Research Workflow
AI Coding Assistant
Knowledge Graph
Product Ecosystem
Build your own graph with JSON
Start with any template, customise it, or paste your own JSON into the Custom Graph Data property to generate a custom architecture map directly in Framer.
Features
Interactive force-directed graphs
12 templates based on real-world AI system patterns
Custom JSON data support
Force and radial layouts
Responsive across desktop, tablet, and mobile
Configurable colours, typography, nodes, edges, and physics
Optional detail drawer for deeper exploration and documentation
Ideal for
AI startups
SaaS and product teams
Developer documentation
Technical blogs
Architecture diagrams
Product and landing pages