Virtual whiteboard for sketching hand-drawn like diagrams
- productivity
- collaboration
- diagrams
- drawing
Repository Index
47,133 repositories indexed
1–23 of 23 · Most stars
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
- documentation
- flowchart
- javascript
- typescript
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
- drawing
- sketch
- whiteboard
- canvas
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML and CSV into interactive graphs.
- json
- tool
- react
- visualization
Draw and edit draw.io diagrams by chatting with an AI. Web app, desktop app, and an MCP server for Claude Code, Cursor, Codex and VS Code.
- ai
- diagrams
- architecture-diagram
- claude-code
Database diagrams editor that allows you to visualize and design your DB with a single query.
Visualize any GitHub codebase: free interactive architecture diagrams and one-minute explainer videos. Replace 'hub' with 'diagram' in any GitHub URL.
Konva.js is an HTML5 Canvas JavaScript framework for interactive graphics, design editors, whiteboards, and diagrams. Scene graph with events, drag and drop, transforms, animations, and export.
- konva
- javascript
- shape
- node-canvas
TranslatedA flow chart editing framework focus on business customization. It supports implementing various diagram editing scenarios such as mind maps, ER diagrams, UML, and workflows.
- flowchart
- graph
- mvvm
- visualization
This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
- hacktoberfest
- vscode-extension
- drawio
- diagram
HedgeDoc - Ideas grow better together
Automatically generates beautiful and easy-to-read ER diagrams from your database.
- data-visualization
- database
- database-schema
- documentation
Renders Mermaid diagrams faster than you'd run from a volcano! 🌋
- charts
- mermaid
- mermaid-diagrams
- mermaidjs
Review code 100X faster. Lens draws every PR as animated architecture and data-flow walkthroughs, inside the pull request itself. Use it as a GitHub App, GitHub Action, CLI, or a Skill for your coding agent
- agent-skills
- architecture-as-code
- architecture-diagrams
- claude-skills
Nimbalyst - The open-source visual workspace for Claude Code, Codex, and OpenCode. Run multiple coding agents in parallel, edit their work visually in markdown, mockups, and diagrams, and track tasks. Free, MIT-licensed desktop app for macOS, Windows, Linux, with mobile companion for iOS and Android.
- ide
- wysiwyg-editor
- agentic-ai
- ai-agents
Agent skill: describe your stack in a sentence, get an architecture diagram with official logos
- agent-skills
- architecture-diagram
- claude-code
- claude-skills
📊 Data visualization library for React. Maintained by @goodcodeus.
Generate an ER Diagram based on your Prisma schema every time you run npx prisma generate
- prisma
- typescript
- mermaid
- entity-relationship-diagram
Prisma Editor - A powerful tool to visualize and edit Prisma Schema.
Svelte Gantt chart component – lightweight, customizable, interactive, and fast.
- gantt
- gantt-chart
- gantt-diagram
- ganttchart
Monorepo containing Keadex applications and libraries.
- docusaurus
- microfrontend
- rust
- tauri
Tree diagrams with JavaScript :evergreen_tree: :chart_with_upwards_trend:
- tree
- javascript
- visualization
- big-data
A CLI to transform a Prisma schema to a PlantUML Entity RelationShip Diagram