Show HN: Gleek diagram maker – UML class, Sequence, ER diagrams, Flowcharts

Most comments addressed why it would be better than plantuml and mermaid. If you can add a feature to export the diagram as a GIF with animation to show the sequence, this would be a great feature IMHO.<p>Why I see animation as a vital feature:<p>- This would give clarity to both developers and product owners.<p>- When there is a new feature in the system, it will be easier to add change and export.<p>- Easily embed in README files.<p>- To my knowledge, this feature is not available in any diagram software.

Hello HN,<p>my friends and I made Gleek.io - a diagram maker focused on speed - typing code is much faster than drag-and-drop - for developers, it is more natural to write than to draw - generate a diagram with connections<p>The features of Gleek.io include: - 16 different shapes to use - Various connections based on the diagram type - Diagrams saved locally in a browser as well as on Gleek.io servers - Dashboard with the overview of your diagrams with the option to search - Free Templates (type &#x2F;) and Syntax help to make it easier to start - Rotation of the diagram, SVG download of a diagram, diagram link sharing, fit to screen layout<p>Create your first diagram in Gleek.io &amp; write your feedback<p>Example to try: Type &quot;Shape1--&gt;Shape2&quot; for your first diagram

Although your UX looks a bit more appealing, this is what you are competing with: <a href="https:&#x2F;&#x2F;mermaid-js.github.io&#x2F;mermaid-live-editor" rel="nofollow">https:&#x2F;&#x2F;mermaid-js.github.io&#x2F;mermaid-live-editor</a><p>So when determining your price point, you need to provide a fairly substantial service on top of this to justify a monthly cost. Particularly when you&#x27;re targeting developers and architects, who are more likely to use free open-source alternatives even if the UX is not as good.

This looks nice, congrats!<p>However, it makes zero sense to me as a 13 euro&#x2F;mo service. It is just a single-purpose tool which I need occasionally, so I might be inclined to pay something like $10 for it, once. But monthly payment? Maybe if you&#x27;re systems analyst at IBM and creating UML diagrams is literally your job.

Two comments about &quot;prior art&quot;:<p>- This reminds me of plantuml and mermaid: how do you see yourself as different? Is it the reactive display of contents as you type?<p>- Naming-wise: I&#x27;m curious - are you aware that in some places &quot;Gleek&quot; means to spit by directly squeezing your salivary glands?

Maybe It&#x27;s just me, but I think the free tier description on the pricing page [1] is confusing.<p>- (CHECK) Use the full set of Gleek diagramming features<p>- (CROSS) Limited to 5 diagram files<p>- (CROSS) Limited to 40 diagram object<p>- (CROSS) Diagrams are stored on Gleek servers<p>- (CROSS) Share links to diagrams using your favorite collaboration tool<p>- (CROSS) Priority support on Slack<p>There are checkmarks and crosses. The first item seems clear because it had a checkmark and is included in the free tier. But it seems to me that the next two items (limited to 5 diagram files and 40 diagram object) are also included, but they have a cross next to them. While the last two items also have a cross but are not included.<p>Lastly, I think there is a small typo and the &quot;40 diagram object&quot; should be &quot;40 diagram objects.&quot;<p>Good luck!<p>[1] <a href="https:&#x2F;&#x2F;www.gleek.io&#x2F;pricing.html" rel="nofollow">https:&#x2F;&#x2F;www.gleek.io&#x2F;pricing.html</a><p>Edit: fixed formatting

How does that differ from mermaid, plantuml and the myriad of others?<p>Do you protect your clients in any way for the risk of loosing diagrams if your company goes down the drain?

Reading the pricing detail for free tier at a glance is a little bit of confusing because of the icon and font color used on certain feature, I had to read the next tier to (probably) understand it further.<p>Is the free tier limited to 4 diagrams? Is the free tier limited to 40 diagrams? Is the free tier permit the user to save the diagram on Gleek server? and so on...

I&#x27;m a really visual person, so I love making diagrams to explain my ideas. Unfortuantely I can&#x27;t &quot;think&quot; while i&#x27;m typing. In fact, I can&#x27;t really think while I&#x27;m in front of a computer. I usually draw everything out on a dry erase white board.<p>This could solve my second problem, which is to take my drawings and convert them into something presentable and consumerable by other people. But this is not my ideal way to do it. Ideally, I could take a picture of the white board, and it would be auto generated.

First of all I do not mind paying for it, end of the day I do not want to set up things (Server, Docker etc), I just played with it for 10 min.<p>1. For some reason &quot;Syntax Error&quot; kept popping up. 2. The UI need some work...look at Lucid Chart 3. Having an API will so we can call from other apps 4. Just PNG is not enough, may be add SVG<p>I am happy to get on a 30 min zoom call and discuss all this as I tried to create some thing like this using DS3 last year. Feel free to ping me at @jayonsoftware<p>Jay

Maybe I am missing something, but I&#x27;m having difficulty figuring out what a proper diagram definition is supposed to look like.<p>You could take inspiration from plantuml-editor (<a href="https:&#x2F;&#x2F;plantuml-editor.kkeisuke.com&#x2F;#" rel="nofollow">https:&#x2F;&#x2F;plantuml-editor.kkeisuke.com&#x2F;#</a>) and add a template&#x2F;demo button that allows user to get a predefined diagram so they can experiment with it.

Looks like a powerful Tool, are there any Tutorial videos showing how to use it effectively?

Where I grew up (Inland Empire in Southern California), gleek was slang for spitting droplets of water from under your tongue. I&#x27;d never be able to dissociate the name from this. Similar to people who associate Gimp with certain things.<p><a href="https:&#x2F;&#x2F;youtu.be&#x2F;BV4ZeNvXfhk" rel="nofollow">https:&#x2F;&#x2F;youtu.be&#x2F;BV4ZeNvXfhk</a>

Barely related, but I feel like OP or commenters will know.<p>What’s this, realtime live preview&#x2F;hot reload of text to diagram called?