44 lines
1.3 KiB
Markdown
44 lines
1.3 KiB
Markdown
![]() |
---
|
|||
|
layout: home
|
|||
|
|
|||
|
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:
|
|||
|
src: /header.png
|
|||
|
alt: Mermaid
|
|||
|
actions:
|
|||
|
- theme: brand
|
|||
|
text: Get Started
|
|||
|
link: /intro/
|
|||
|
- theme: alt
|
|||
|
text: View on GitHub
|
|||
|
link: https://mermaid-js.github.io/mermaid/#/
|
|||
|
|
|||
|
features:
|
|||
|
- title: ➕ Easy to use!
|
|||
|
details: Mermaid allows even non-programmers to easily create detailed and diagrams through the Mermaid Live Editor.
|
|||
|
- title: 🎥 Video Tutorials!
|
|||
|
details: Has video tutorials for beginners and advanced users.
|
|||
|
- title: 🏆 Award winner!
|
|||
|
details: Mermaid was nominated and won the JS Open Source Awards (2019) in the category "The most exciting use of technology"!!!
|
|||
|
- title: 🧩 Integrations available!
|
|||
|
details: Use Mermaid with your favorite applications, check out the list of Integrations and Usages of Mermaid.
|
|||
|
---
|
|||
|
|
|||
|
<style>
|
|||
|
.image-container .image-src {
|
|||
|
margin: 1rem auto;
|
|||
|
max-width: 100%;
|
|||
|
}
|
|||
|
|
|||
|
.dark .image-src{
|
|||
|
filter: invert(1) hue-rotate(217deg) contrast(0.72);
|
|||
|
max-width: 100%;
|
|||
|
}
|
|||
|
</style>
|