tikzcd creator

2025

Graphical editor for tikzcd diagrams that generates the code for you. The idea of the user interface is to make it dead simple and also enjoyable to use. The diagram is generated step by step:

  • nodes
  • arrows
  • arrow types
  • node labels
  • arrow labels

This is a very basic editor (on purpose). There are more fully featured and advanced editors out there, namely quiver and tikzcd-editor, but whose user interface I find less intuitive.

This is one of the first projects of mine that works with Svelte 5. As with many of my other projects, most of it is "hand-made". In particular, the arrows are custom HTML elements.

screenshot
  • CSS
  • Mathematics
  • Svelte
  • Tool
  • TypeScript