# liujuntao123/smart-excalidraw-next

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/liujuntao123-smart-excalidraw-next).**

2,877 stars · 339 forks · JavaScript

## Links

- GitHub: https://github.com/liujuntao123/smart-excalidraw-next
- Homepage: https://ai-draw-nexus.aizhi.site
- awesome-repositories: https://awesome-repositories.com/repository/liujuntao123-smart-excalidraw-next.md

## Topics

`ai` `chart` `excalidraw`

## Description

This project is an AI-powered diagramming tool that converts natural language descriptions into editable visual charts and hand-drawn style sketches. It integrates large language models to translate text-based concepts into structured visual maps and coordinate data for a drawing canvas.

The system features a dedicated provider manager for the secure configuration of API keys and credentials for external language models. It employs a visual flow optimizer that calculates optimal connection points for arrows and dynamic layout positioning to reduce overlap in complex diagrams.

The tool combines an interactive whiteboard editor for manual refinement of visual elements with automated shape selection and canvas serialization. It manages client-side state to allow real-time editing of AI-generated results.

## Tags

### Artificial Intelligence & ML

- [Natural Language Visualization Generators](https://awesome-repositories.com/f/artificial-intelligence-ml/natural-language-visualization-generators.md) — Provides AI-powered conversion of natural language descriptions into structured visual layouts and editable charts. ([source](https://cdn.jsdelivr.net/gh/liujuntao123/smart-excalidraw-next@main/README.md))

### Data & Databases

- [LLM-Powered Diagram Generation](https://awesome-repositories.com/f/data-databases/data-exploration-tools/llm-powered-diagram-generation.md) — Converts natural language descriptions into editable visual charts using large language models.
- [Canvas State Serialization](https://awesome-repositories.com/f/data-databases/json-serialization-libraries/canvas-state-serialization.md) — Implements serialization of visual scene graphs into JSON format for storage and reconstruction on the canvas.

### Development Tools & Productivity

- [AI-Driven Diagramming](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools/visual-diagram-editors/ai-driven-diagramming.md) — Integrates generative AI with a visual editor for the automated creation and manual refinement of diagrams. ([source](https://cdn.jsdelivr.net/gh/liujuntao123/smart-excalidraw-next@main/README.md))
- [Visual Synthesis](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-config-code-generation/code-generation/llm-driven/visual-synthesis.md) — Translates natural language prompts into structured coordinate data and shapes for a hand-drawn canvas.
- [Canvas Workflow Automation](https://awesome-repositories.com/f/development-tools-productivity/canvas-workflow-automation.md) — Automates the creation of hand-drawn style sketches and layouts within the drawing canvas.

### Graphics & Multimedia

- [Diagram Layout Algorithms](https://awesome-repositories.com/f/graphics-multimedia/diagram-layout-algorithms.md) — Calculates optimal spatial positioning and connection anchors to prevent overlapping lines in generated diagrams.
- [Whiteboarding](https://awesome-repositories.com/f/graphics-multimedia/whiteboarding.md) — Features a hand-drawn digital canvas for manually refining and styling AI-generated visual elements.
- [Adaptive Shape Selection](https://awesome-repositories.com/f/graphics-multimedia/adaptive-shape-selection.md) — Automatically matches diagram types to a library of visual primitives based on the input content.
- [Connection Path Optimization](https://awesome-repositories.com/f/graphics-multimedia/connection-path-optimization.md) — Automates the calculation of ideal connection points for arrows to maintain logical flow and reduce overlap. ([source](https://cdn.jsdelivr.net/gh/liujuntao123/smart-excalidraw-next@main/README.md))
- [Visual Flow Optimization](https://awesome-repositories.com/f/graphics-multimedia/visual-flow-optimization.md) — Implements a layout engine that calculates optimal connection points for arrows to reduce overlaps in charts.

### Software Engineering & Architecture

- [AI-Driven Diagramming](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/diagramming-standards/text-to-diagram-generators/ai-driven-diagramming.md) — Automates the generation of structured, editable diagrams from natural language descriptions using AI.

### Programming Languages & Runtimes

- [Idea Mapping](https://awesome-repositories.com/f/programming-languages-runtimes/programming-utilities/data-structure-type-helpers/data-structures/hierarchical-tree-structures/hierarchical-tree-visualizers/markdown-mindmap-visualizers/idea-mapping.md) — Converts text-based concepts into structured visual maps to organize and refine complex ideas.