https://github.com/scriptraccoon/tikzcd-creator
Create TikZ commutative diagrams visually
https://github.com/scriptraccoon/tikzcd-creator
Last synced: 19 days ago
JSON representation
Create TikZ commutative diagrams visually
- Host: GitHub
- URL: https://github.com/scriptraccoon/tikzcd-creator
- Owner: ScriptRaccoon
- License: mit
- Created: 2024-12-29T02:13:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-18T22:59:12.000Z (over 1 year ago)
- Last Synced: 2025-02-18T23:31:42.648Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://tikzcd-creator.netlify.app/
- Size: 467 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# tikzcd creator
Graphical editor for [tikzcd diagrams](https://ctan.org/pkg/tikz-cd) 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_.
## 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](https://svelte.dev/docs/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](https://github.com/varkor/quiver)
- [tikzcd-editor](https://github.com/yishn/tikzcd-editor)