The full gallery
Tech stack
60 projects
Convert code into interactive flowcharts for learning, debugging, and documentation.
@Sparsh209 · X
Hi isha! Check it out here at: Would love to hear your feedbacks
Free online tool for creating flowcharts, process diagrams, org charts, and UML diagrams.
@N0V4Dev · X
I found a tool called Next AI that links AI capabilities directly with diagrams. It lets you build and edit diagrams using natural language prompts instead of clicking around the canvas manually. It's a handy way to sketch out architecture when you don't want to drag every box yourself. The project is built on TypeScript with React 19 and Next.js. It supports multiple AI providers and even includes an MCP Server. This means you can use it with the Claude Code CLI to generate diagrams from your terminal. Deployment options are flexible too. You can run the tool locally with Docker or push it to Vercel and Cloudflare Workers. It supports multi provider setups so you can pick the backend that fits your workflow. #Nextjs #AI #Diagrams #TypeScript
Create flowcharts, whiteboards, notes, and presentations with AI. Upload PDFs or describe what you need — OpenCharts builds it in seconds. Real-time collaboration included.
@arielopenins · X
Design applications as node graphs and generate prompts for AI code builders.
@KktErich · X
I built this with Grok — try it out: FlowSpec — draw the app as a node graph, fill in the brief, then export a development prompt for Claude Code, Cursor, or a one-shot builder. From graph to prompt, before a single line of code.
Get better at writing the next piece of code. Practice for people who can follow generated code but get stuck deciding what to write next.
@CinderwayInt · X
Not sure if counts but sure why not, just launched yesterday. LFGGGG may luck ever be in everyones favor.
Create and export Mermaid diagrams including flowcharts, ERDs, and sequence diagrams online.
ghosts_ · HN
I've been slowly adding some new free tools to Moxie Docs (partly for SEO, partly to illustrate some of our feature sets before any commitment) for some reason this mermaid editor one blew up on Google rankings so I figured I'd share in case people find it useful! We also have ADR, AGENTS.md, LLMs, and a few other free tools.
Ask questions to get visual answers as tables, charts, and flows instead of text.
@butmatthew17 · X
just check it out completely for free
A daily planner, focus timer, and effortless time tracking — integrated to your Notion databases.
@origin_alin · X
Connect a GitHub repo to automatically detect user flows, visualize code structure, and identify where users get stuck.
u/freestyle_gonzo · Reddit
Vibe coding made building fast. It didn't make understanding easy. Something changed in the last year. Vibe coding (or agentic engineering if you ask some) made writing an app fast. Week-to-weekend fast. More people are building software than ever before, and I think that's a genuinely good thing. But fast building creates a new bottleneck. Writing code is no longer the hard part. Understanding what you built and its nuances is. A huge share of people shipping right now have never analyzed
Write code and visualize its runtime execution as an interactive graph.
@neon_time · X
Spayse is a fast diagram canvas for flowcharts, system architecture, and technical figures. Native LaTeX, vector SVG and PDF exports.
@aakarshgoyall · X
Create diagrams from text using Mermaid, PlantUML, and D2, then export as PNG/SVG.
@soyalexdzul · X
Open-source platform for creating, organizing, and exporting diagrams using plain text markup. It combines the power of Mermaid, PlantUML, and D2 with a polished interface
