tikzcd creator

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.

https://tikzcd-creator.netlify.app/

Demo 1

https://github.com/user-attachments/assets/bdbe68b5-5cbd-44b7-ab52-e9e9d355c421

LaTeX output:

Demo 2

https://github.com/user-attachments/assets/26b13fd0-9e23-40af-9b16-715eb97ae199

LaTeX output:

Demo 3

The editor also works on mobile.

https://github.com/user-attachments/assets/9dbe2574-9ca6-4519-af4e-7319e5ab6cf8

Development

This application is made with Svelte.

Install the dependencies:

pnpm i

Start the development server:

pnpm dev

See the file package.json for further commands.

Related

This is a basic editor (on purpose). There are more fully featured and advanced editors out there.

• quiver
• tikzcd-editor