Alternatives

Products that do what TikZ Editor – WYSIWYG editor for figures in LaTeX does

Hi all! TikZ is a widely-used LaTeX package for drawing figures in papers. It uses commands like \draw[->] (0,0) -- (1,2); to draw lines, shapes, text, etc. Academics usually code up their figures by hand, so there is lots of twiddling around with the coordinates and recompiling until things look nice. I guess it’s a bit like SVG, but it’s more code than markup, for example it has loops with \foreach. I built an open-source WYSIWYG TikZ editor (available for web and desktop) that allows you to edit your TikZ source code visually by dragging and resizing elements. It simultaneously shows the…

1
Mathcha▲88
Online mathematics editor
2022
2
CSS Grab n' Go Editor▲213
Visual editor for learning and quick CSS mocking
2020
3
HTML Editor▲187
Create HTML snippets with a simple WYSIWYG editor
2017
4
Dotgrid▲362
A simple vector illustration tool.
2018
5
DataMask Screenshot Editor▲83
Edit screenshots from your browser
2020
6
UXFlow▲265
Free customizable flowchart kit for Sketch and Figma
2017
7
Trangram▲215
A free online editor for creating animation and illustration
2024
8
Devsync▲328
Visually edit CSS. Live-sync the result with your editor.
2020
9
CSS.GUI▲201
Open source visual editors for everything in the CSS spec
2022
10
Sketch2scheme▲208
Convert hand-drawn diagrams into digital schemes
2024
11
TinaCMS▲232
Open source editing tool-kit for Gatsby and Next.js sites
2019
12
Triangulart▲106
Graphic editor build in JS to create isometric illustrations
2016
13
Keyframes.app▲160
A timeline editor for CSS animations
2018
14
Mathpix▲83
Convert images to LaTeX
2019
15
Online 3D Editor▲64
Blender-style 3D editing in your browser
May 2026
16DM
Direct manipulation flowchart editor without the mouse▲54
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
17OS
Open-source .docx editor library for building document apps▲107
We are working on an open-source .docx editor library for apps that need to edit Word documents in the browser. We just shipped 1.0. A lot of existing approaches convert .docx into HTML and lose document semantics along the way. Our editor parses OOXML directly and uses its own rendering+layout engine to produce paged documents with html/css. Edits round-trip back to .docx, so you’re always editing the document, not its representation. The core rendering engine is framework agnostic, with React and Vue ui adapters on top. It’s Apache 2.0. Happy to answer questions.
May 2026 · github.com
18
Keyframes.app▲164
Visual editors to generate CSS for your projects 👨‍💻
2020
19
Illustrations.design▲216
Hand-crafted Illustrations for your design purpose
2019
20
Tweetable Rich Text▲96
Rich text editor for a͟n͟y text box, works on 𝗧𝘄𝗶𝘁𝘁𝗲𝗿
2021
21
TinyMCE▲129
Full featured web based JavaScript WYSIWYG HTML Editor
2016
22
Pixelied SVG Editor▲152
Free and blazing fast online SVG editor
2023
23
Trix▲184
A rich text editor for everyday writing
2015
24
UX UI Doc Kit▲182
Free kit to improve your UX/UI workflow in Sketch & Figma
2020

Ranked by how close each launch is in meaning, then by votes. Refine with a description →