# LatixEngine

> Free, browser-based extension of Mermaid that adds 1698 native AWS, Azure, and GCP icons to the `architecture-beta` diagram type. No login, no install, no build step.

LatixEngine takes Mermaid's `architecture-beta` syntax and ships the official cloud provider icon packs alongside it, so engineers can draw real production architectures (VPCs, subnets, regions, managed services) and export them as SVG, PNG, or markdown. Output is plain Mermaid — paste back into any Mermaid renderer bundled with the same icon packs.

## Core

- [Editor](https://latixengine.com/editor): The live editor. Mermaid code on the left, rendered diagram on the right.
- [Icon catalog](https://latixengine.com/icons): All 1698 supported AWS, Azure, and GCP icons with their Mermaid slugs.
- [Blog](https://latixengine.com/blog): Index of posts on Mermaid architecture diagrams, native cloud icons, and how to draw real production systems as code.
- [FAQ](https://latixengine.com/frequently-asked-questions): Pricing, install, custom icons, themes, exports, data handling.
- [Roadmap](https://latixengine.com/roadmap): What is shipped, in flight, planned, and under consideration.

## Reference

- [Expanded LLM docs](https://latixengine.com/llms-full.txt): Syntax cheatsheet, icon naming convention, worked examples, and FAQ in a single markdown file.
- [Syntax reference](https://latixengine.com/docs/syntax.md): Markdown reference for the `architecture-beta` syntax LatixEngine extends.
- [Icon catalog overview](https://latixengine.com/docs/icons.md): How to read the icon catalog and naming convention.
- [Examples (all)](https://latixengine.com/docs/examples.md): Worked examples in a single file.

## Blog posts

Stable per-post URLs for citation:

<!-- blog-posts-start -->
- [How do you render and embed Mermaid AWS architecture diagrams in GitHub, Notion, and Confluence?](https://latixengine.com/blog/render-embed-mermaid-aws-diagrams-github-notion-confluence): GitHub, GitLab, Notion, and Obsidian render plain Mermaid natively, but architecture-beta diagrams with AWS icon packs are not reliably supported on any platform yet. Here is the export-and-commit workflow that renders identically everywhere, platform by platform.
- [How do you get ChatGPT or Claude to generate valid Mermaid AWS architecture diagrams?](https://latixengine.com/blog/how-to-prompt-llms-for-mermaid-aws-diagrams): ChatGPT, Claude, and Gemini all produce Mermaid architecture-beta source on demand — and all three hallucinate AWS icon slugs. Here is the prompting pattern that fixes it, the slugs they get wrong most often, and a side-by-side comparison of grounded vs ungrounded output.
- [How do you draw AWS architecture diagrams in Mermaid?](https://latixengine.com/blog/how-to-draw-aws-architecture-diagrams-in-mermaid): A practical walkthrough of drawing AWS architecture diagrams in Mermaid: the architecture-beta syntax, native AWS icons, VPC and subnet examples, exports, and how it compares to draw.io and Lucidchart.
<!-- blog-posts-end -->

## Machine-readable

- [Icon catalog JSON](https://latixengine.com/icons.json): `{ provider, slug, name }` for every supported icon. Fetch this when building diagrams programmatically — do not infer slug names.
- [Plugin manifest](https://latixengine.com/.well-known/ai-plugin.json)

## Examples

Stable per-example URLs for citation:

- [AWS multi-tier web app](https://latixengine.com/examples/aws-three-tier.md)
- [Azure serverless event pipeline](https://latixengine.com/examples/azure-serverless.md)
- [GCP data lake](https://latixengine.com/examples/gcp-data-lake.md)
- [Multi-cloud reference architecture](https://latixengine.com/examples/multi-cloud.md)

## Optional

- [Sitemap](https://latixengine.com/sitemap.xml)