---
layout: home
sidebar: false

title: Mermaid
titleTemplate: Diagramming and charting tool

hero:
  name: Mermaid
  text: Diagramming and charting tool
  tagline: JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.

  image:
    light: /hero-chart.svg
    dark: /hero-chart-dark.svg
    alt: Mermaid diagram
  actions:
    - theme: brand
      text: Try Editor
      link: https://mermaid.live/edit
      target: _blank
      rel: external
    - theme: alt
      text: Get started
      link: /intro/

features:
  - icon:
      src: /1-Callout-Easy.svg
    title: Easy to use
    details: Easily create diagrams and charts with the Mermaid Live Editor.
    link: https://mermaid.live/
  - icon:
      src: /2-Callout-Integrations.svg
    title: Integrations available
    details: Use Mermaid with your favorite applications, check out the integrations list.
    link: ../../ecosystem/integrations-community.md
  - icon:
      src: /3-Callout-Awards.svg
    title: Award winning
    details: 2019 JavaScript Open Source Award winner for "The Most Exciting Use of Technology".
    link: https://osawards.com/javascript/2019
---
