About Mermaid Mind
Mermaid Mind is an online MermaidJS editor and AI-powered tool powered by Gemini and Monaco Editor for creating Mermaid JS diagrams, including flowcharts, sequence diagrams, Gantt charts, quad charts, class diagrams, pie charts, ER diagrams, and more. Customize the configuration and themes of the Mermaid editor to suit your preferences. Save your diagrams to your account and share them publicly via Mermaid Mind URLs. Simply copy the URLs to share your diagrams with anyone, anywhere.
Tech stack used
- Next.js 14
- NextAuth
- Zustand
- Tailwind CSS
- Next.js tRPC
- MongoDB
- Vercel
- svg-pan-zoom
- Mermaid JS
- Next.js server actions
- TypeScript
- Google Gemini
- Vertex AI
- Google Cloud Platform
Credits
- shadcn/ui- For the awesome reusable components library.
- Monaco Editor- Editor that powers VS Code is used for Mermaid Mind.
- MongoDB Atlas- Fully managed cloud provider for storing mermaid diagrams.
Key features
- Generate mermaid diagrams using natural language
- Save diagrams locally as PNG files
- Pan and zoom the generated diagram
- Save diagrams on cloud
- Share the diagrams using links