Please sign in to access this page
Mermaid Translator Used AI
an visual flowchart editor that automatically converts your flowchart into mermaid code you can use anywhere!!! i made this cause i really liked the type of flowchart editor where you could drag and drop nodes anywhere and couldnt really find that anywhere
it sucks bad but you can at least make nodes, edit their text, see a live preview and copy the mermaid code, as well as having the node structure itself stored in cookies. there isnt any functionality for shapes or custom edge data cause i kind of lost motivation throughout the project and honestly i used too much ai for whenever i got confused and ended up not understanding my own code in an attempt to just make the project that i had in my head, but im still happy with the result, this is my first real web app and i think it serves an actual purpose which is really cool, i hope you enjoy it and maybe even use it if youd like, thanks
uses react flow
Followers
No followers yet
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
i stored the nodes in cookies, fixed a bunch of errors with the node ids stemming from the cookies and added a draggable mermaid preview!!!
i think i might actually be the greates tof all time for making this one
you can drag and drop into an empty space from either side of each node now (took so long) to create a new node, it automatically shows the mermaid rendered version, AND outputs usable mermaid code. its an actual functional app now, working on merging arrows like a family tree to increase readability
THIS IS THE GREATEST THING IVE EVER MADE T LITREALLY CONVERTS THE NODES INTO ACTUAL MERMAID CODE THAT IS USABLE!!!!!!!!
