typcraft is a website to practice composing equations with the typst typesetting system.
Inspired by texnique.xyz which does the same for LaTeX.
You can also just use it as a live typst code preview in the browser. It uses the full typst compiler running in WebAssembly, and outputs to SVG.
You are encouraged to read ARCHITECTURE.md if you would like to know more about how it all works
You need to have nix on your system, it takes care of all the dependencies.
# Clone repository
git clone https://github.com/arjdroid/typcraft
cd typcraft
# Enter development environment
nix develop
# Preview changes using bun
make dev
# Push changes to github-pages
make deploy- get
typstrunning in the browser - get live preview working
- get formula checking working
- add more equations, better randomisation with difficulty levels
- add links to guides
- add shadow mode
- add playground mode
Acknowledgement: The development of this project was assisted by the use of Claude Code (Claude Opus 4.5, Anthropic)