Alternatives
Products that do what KnotenWerk does
Your granddad's UI design for simple trees and graphs
- 1KA
Hey all, I made knotend [0] because I wanted a flowchart editor that was keyboard-driven and super fast. I was tired of dragging boxes around on a canvas. You may have seen knotend around here before when I wrote an initial blog post [1] about why I wanted a new kind of flowchart editor. Thank you to everyone who has given me feedback here on HN! Since that blog post I’ve been working hard to get to a v1 which I’m showing now. You can use the free version without having to sign up for an account. I would love your feedback! What makes knotend different is two main things: 1) The nodes are…
2023 · knotend.com
- 2
- 3SA
2022 · svelvet.io
- 4
- 5DA
In the past I've used declarative diagram generation tools like Mermaid.js a lot for quickly drawing up things but for presentations or deliverables I find that I have to then move the generated diagrams over to a tool like Lucidchart which allows full control of the organization and customization. Therefore I am now working on this to combine the benefits of both into just one tool which can do both functions. The project is certainly in the early stages but if you find yourself making architecture diagrams I'd love to hear your thoughts on the idea or even a Github issue for a feature…
Oct 2025 · github.com
- 6DM
Hey HN, I made this because I wanted a fast editing experience when making flowcharts. Other tools (bottom)require clicking and dragging (or editing code). Knotend is keyboard centric and is supposed to feel more like editing a doc than dragging around boxes and arrows. I've tested in on safari and chrome desktop. Its difficult to use on mobile but you can view existing charts. I'd appreciate your feedback on how you use it, the design, any bugs etc. Thank you. Prior art - https://mermaid-js.github.io/ - Confluence (Atlassian) - draw.io - excalidraw EDIT: fixed the bug on…
2021 · knotend.com
- 7DA
For the last 5 years I've been working on a layout engine that targets CSS2 and some more modern properties. Live demo: https://chearon.github.io/dropflow/ It matches browsers in all cases I can find where they agree, and it's fast. It supports `position`, `inline-block`, `z-index`, and complex properties like `float` and `vertical-align`. It doesn't support high-level layout like flexbox or grid yet, but you can get intrinsics to easily divide space yourself and paint multiple layout trees. It has a great text layout implementation, and supporting non-Latin scripts is a…
2024 · github.com
- 8
- 9HA
Hi HN, we’re building Haystack Editor (https://haystackeditor.com/), a canvas-based IDE that automates the boring stuff (plumbing, refactoring, and finding code) so that you can focus on the exciting parts of software development! You can see a quick overview of Haystack at https://www.youtube.com/watch?v=c2uZnR5D_cc! (It's currently only on Mac OS but we're working on Linux and Windows. Edit: just added a Linux download!) Haystack was born out of our frustrations with working in large and mature codebases, specifically with navigating and editing functional…
2024 · haystackeditor.com
- 10
- 11
- 12GW
Hello, guys~ I recently developed a data exploration and visualization app which can be used as a different type of open-source alternative to Tableau. It is extremely easy to embed in your apps just as a react component. The original purpose is to develop a lite plugin that can be easily embedded in most cases, it doesn't have to be a large BI, but a lite graphic plugin. GitHub: Kanaries/graphic-walker, https://github.com/Kanaries/graphic-walker The main features implemented: * A user-friendly drag-and-drop-based interaction for exploratory data analysis with…
2023 · github.com
- 13
- 14VT
Hi HN! I'm Gabriel, the author of dep-tree (https://github.com/gabotechs/dep-tree), and I wanted to show off this tool and explain why it's being really useful at my current org for dealing with code complexity. I work at a startup where business evolves really fast, and requirements change frequently, so it's easy to end up with big piles of code stacked together without a clear structure, specially with tight deadlines. I made dep-tree [1] to help us maintain a clean code architecture and a logical separation of concerns between parts of the application, which is…
2024 · github.com
- 15
- 16
- 17CD
Hello HN, It has been a while since I contributed to the web, so I decided to get back in shape and publish "something". This app is a POC of "what if diagrams were more dynamic". I'm a software engineer by trade, and with conventional tools, I often times struggle to explain flows of data in complex software systems. I got inspired by video games like The Incredible Machine and Factorio, as in some ways, software systems tend to become Rube Goldberg-esque machines ;) As a side quest, I also wanted to craft diagrams faster than text-based tools (ex: mermaid), as I am always forgetting their…
2024 · github.com
- 18SA
Slint is a declarative GUI toolkit written primarily in Rust, with API support for multiple programming languages such as C++ and JavaScript. It is designed for desktop and embedded usage. The Slint website has just been redesigned. And we added a new Royalty-Free License option besides GPL and commercial
2023 · slint.dev
- 19TI
Hi HN! My name is Nick and this is my fun side project. Please lay it on me. HN can think of Tips.io as a cracked out Tailwind Playground that has page management and amazing AI integration. There are a few core ideas: 1) The HTML is the CMS There are no fields or restrictions. Just hover, click, and start tweaking any HTML. Also, certain elements you click will have special easy edit abilities: - auto creates an uploader, stock photo picker (or HTML) - auto creates an uploader, stock video picker (or HTML) - auto creates a big icon picker (or HTML) - auto creates a WYSIWYG Editor (or HTML)…
2024 · tips.io
- 20RF
2021 · github.com
- 21AG
Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!
2023 · react-graph-gallery.com
- 22
- 23
- 24
Ranked by how close each launch is in meaning, then by votes. Refine with a description →