diagrams

Turns static Mermaid.js diagrams into animated sequenced visualisations with themes and video export for architecture walkthroughs.

Deep-dive CSS articles on layout, container queries, subgrid, field-sizing and fluid sizing, each with annotated visual diagrams.

Diagrams-as-code editor where TypeScript type definitions are the source and the node graph updates live as you type.

Illustrated explanations of APIs, databases, caching, cloud architecture and real company case studies, told mostly through diagrams.

Dependency-free vanilla JavaScript builder for ASCII and Unicode diagrams with layers, grouping, selection and autosave, runnable from a single HTML file.

Catalogue of agentic workflow patterns documented with Mermaid diagrams and implementation notes.

Drop a SQL, Prisma, DBML, pgModeler or MySQL Workbench file and get an interactive ER diagram behind one shareable link, with a CI API.

Local-only MCP server plus Svelte Flow viewer for planning system architecture as a typed, linted diagram before any code is written.

Generates interactive animated architecture diagrams for any Hugging Face model, showing layers and tensor flow you can step through.

Embeddable WYSIWYG editor for Mermaid diagrams — drag nodes, rename labels and change shapes, with Monaco and CodeMirror bindings plus a headless mode.

Free scientific and biological icon library - cells, organisms, lab equipment - in SVG for figures and diagrams.

Directory of community shape libraries for Excalidraw - AWS icons, UI wireframes, flow symbols - installable in one click.

Offline-first diagram editor for flowcharts, mind maps and system diagrams with automatic layout and local file storage.

Lightweight text image format that renders hand-positioned ASCII into clean SVG diagrams for technical documentation.

Converts Mermaid diagram syntax into ASCII art output via web, CLI or curl, supporting subgraphs, labelled arrows and sequence diagrams.