Mermaid Whiteboard - Drag & drop whiteboard with text based diagramming

Hey Product Hunters! 👋 First off, a huge thank you to this amazing community for hunting us! 🎯 As passionate users of Mermaid JS, we’ve always loved how it empowers users to create diagrams from code. But we also recognized a gap—the need for a more intuitive, visual interface without losing the power of code-based diagramming. That’s why we’re thrilled to introduce Mermaid Whiteboard! 🎉 💡 The Problem While text-based diagramming with Mermaid JS is powerful, it can sometimes be less accessible for those who prefer a visual approach. Traditional drag-and-drop tools are intuitive but often lack the efficiency and precision that code offers. Switching between code and visual tools disrupts workflow and collaboration. 🚀 The Solution Enter Mermaid Whiteboard—the best of both worlds! 1️⃣ Generate Diagrams with Mermaid AI: Start by creating diagrams using the power of Mermaid AI. 2️⃣ Intuitive Drag-and-Drop Interface: Easily move, resize, and adjust your nodes just like in traditional diagramming tools. 3️⃣ Enhanced Features: Enjoy real-time collaboration with synced positions during live editing, undo/redo functionality, support for self-loop edges, and export your diagrams as PNGs with fixed layouts. We’ve listened to the community and packed in features you’ve been asking for to make diagramming smoother and more efficient. 🎯 Why It Matters Clear visual communication is crucial in any field. With Mermaid Whiteboard, you don’t have to choose between the precision of code and the ease of visual editing. It’s a seamless experience that boosts productivity and makes collaboration a breeze. Let me know what you think in the comments! Your feedback means the world to us. 💬 Happy diagramming! 🖌️🔷

Does the whiteboard support real-time collaboration? How customizable are the AI-generated diagrams? Can users easily modify the suggested layouts?

This is great! I haven't heard of Mermaid JS until now, but seems to be very powerful and I can see how your product can help with creating diagrams through a visual interface. Something to keep in mind for future products :) Wish you all the best with this 🙌 congrats!

Mermaid's Whiteboard gives the flexibility of text-based precision alongside the intuitiveness of visual editing. It’s like the best of both worlds

Congrats on the launch! Have been a long time mermaid friend! Keep up the good work and keep shipping!

Hey @knut_sveidqvist, this is a fantastic innovation for the diagramming world! 🎨 The way Mermaid Whiteboard bridges the gap between code-based precision and the ease of visual manipulation is truly impressive. 🖼️ Having the ability to use Mermaid AI to generate the foundation and then fine-tune details with a drag-and-drop interface sounds like the perfect blend for both coders and visual thinkers. The real-time collaboration feature is a game-changer for team projects, making sure everyone stays on the same page. It’s clear you’ve put a lot of thought into addressing the community's needs. Can't wait to give it a go and see how it streamlines our workflow. Great job! 🚀

This is super amazing, and shows how much Mermaid Chart cares about continuously pushing for greater ability to work with MermaidJs diagrams, while retaining the core of what makes mermaid so good. As a former developer here, I am eager to see the great new features that are still to come from this company!

This is such a great capability!

Congratulations on the launch! From the day I heard of Mermaid I started using it and now >90% my diagrams are made with Mermaid.

Congratulations @knut_sveidqvist . I checked your website and I must say the multiple editing tools and user-friendly interface of Mermaid Chart make creating and tweaking diagrams a joy!