next-ai-draw-io
by
DayuanJiang

Description: A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural...

View on GitHub ↗

Summary Information

Updated 10 minutes ago
Added to GitGenius on December 13th, 2025
Created on March 23rd, 2025
Open Issues & Pull Requests: 168 (+0)
Number of forks: 3,506
Total Stargazers: 33,027 (+24)
Total Subscribers: 136 (+15)

Issue Activity (beta)

Open issues: 136
New in 7 days: 2
Closed in 7 days: 0
Avg open age: 64 days
Stale 30+ days: 122
Stale 90+ days: 101

Recent activity

Opened in 7 days: 2
Closed in 7 days: 0
Comments in 7 days: 0
Events in 7 days: 2

Top labels

  • bug (143)
  • enhancement (106)
  • help wanted (41)
  • wait for confrim (34)
  • good first issue (17)
  • duplicate (15)
  • need more information (15)
  • provider (4)

Repository Insights (GitGenius)

Median issue/PR response: 0.0 hours
Mean response time: 16.7 hours
90th percentile: 1.8 hours
Tracked items: 314

Most active contributors

Detailed Description

Next AI Draw.io is a Next.js web application that combines artificial intelligence with draw.io diagram creation, enabling users to generate, modify, and enhance diagrams through natural language commands. The application is written in TypeScript and hosted at next-ai-drawio.jiang.jp, serving as a productivity tool that bridges the gap between conversational AI and visual diagram design.

The core functionality centers on LLM-powered diagram creation, allowing users to describe what they want in natural language and have the AI generate corresponding draw.io XML diagrams. The application supports image-based diagram replication, where users can upload existing diagrams or images for the AI to replicate and enhance automatically. Additionally, users can upload PDF documents and text files to extract content and generate diagrams from those sources. For supported models including OpenAI o1 and o3, Gemini, and Claude, the application displays the AI's reasoning process, providing transparency into how diagrams are being constructed.

The platform includes comprehensive diagram history and version control, allowing users to track all changes and restore previous versions before AI editing. An interactive chat interface enables real-time refinement of diagrams through conversation with the AI. The application offers specialized support for cloud architecture diagrams across AWS, GCP, and Azure, and includes the ability to create animated connectors between diagram elements for enhanced visualization.

According to GitGenius activity tracking across 312 issues and pull requests, the repository demonstrates strong maintenance with a median response latency of 0.0 hours and a mean response time of 16.8 hours. The most active labels tracked are bug with 140 items, enhancement with 103 items, and help wanted with 41 items. Primary contributor DayuanJiang has logged 698 events, with secondary contributors Biki-dev at 159 events and xinyang20 at 12 events. The repository shares overlapping contributors with microsoft/vscode, llvm/llvm-project, and infiniflow/ragflow, indicating cross-project collaboration.

The application supports multiple AI providers including ByteDance Doubao, AWS Bedrock, OpenAI, Anthropic, Google AI, Google Vertex AI, Azure OpenAI, Ollama, OpenRouter, AIHubMix, DeepSeek, SiliconFlow, ModelScope, SGLang, and Vercel AI Gateway. Administrators can configure multiple server-side models through environment variables or JSON configuration files, and an admin panel accessible via password allows management of server settings, models, access codes, features, and quota without manual environment file editing.

The application can be deployed across multiple platforms including Tencent EdgeOne Pages, Vercel, and Cloudflare Workers. A desktop application is available for Windows, macOS, and Linux from the releases page. The project also includes MCP Server integration, allowing the application to work with AI agents like Claude Desktop, Cursor, and VS Code through the Model Context Protocol, enabling users to create diagrams directly through these interfaces.

The underlying technology stack uses Next.js for the frontend framework, Vercel AI SDK for streaming responses and multi-provider support, and react-drawio for diagram representation and manipulation. The application stores diagrams as XML that can be rendered in draw.io, with the AI processing user commands to generate or modify this XML accordingly.

next-ai-draw-io
by
DayuanJiangDayuanJiang/next-ai-draw-io

Repository Details

Fetching additional details & charts...