# TikzMaker

> TikzMaker is a free, browser-based WYSIWYG editor for LaTeX figures. You draw circuits, diagrams and plots on a canvas, and TikzMaker generates the corresponding TikZ and CircuiTikZ code for you to paste straight into a LaTeX document.

Everything runs in the browser: drawings are kept on your own machine and can be exported as TikZ code, shared as a URL, or saved to a project file. No account is required to use the editor, and it is free.

Key capabilities:

- Circuit drawing with the CircuiTikZ component library (resistors, capacitors, inductors, sources, diodes, transistors, op-amps, switches, motors, grounds, and more).
- General TikZ shapes: lines, multi-point paths, custom polygons, rectangles, circles, ellipses, rhombi, parallelograms, arcs and Bezier curves, in solid or dashed styles.
- Waveforms and function plots: sine, square, sawtooth and triangle waves, plus plotted equations with a configurable domain and axes.
- Logic gates, flowcharts and state diagrams.
- Grid snapping, anchor snapping, drag-select, resize grips and rotation at arbitrary angles.
- Live TikZ code pane that stays in sync with the canvas, with one-click copy.
- Shareable links that encode the whole drawing in the URL.

## Pages

- [Home](https://tikzmaker.com/): Overview of TikzMaker, what it generates, and who uses it.
- [Editor](https://tikzmaker.com/editor): The drawing canvas itself - component library, canvas, and live TikZ output pane. This is the main application.
- [Tutorial](https://tikzmaker.com/tutorial): How to use the editor - placing components, arrow tips, shapes, keyboard shortcuts, and an editor overview.
- [Examples](https://tikzmaker.com/examples): Gallery of finished figures made in TikzMaker, with the diagrams they produce.
- [Updates](https://tikzmaker.com/updates): Release notes and changelog for each Beta version, currently up to Beta 4.1.
- [Report a bug](https://tikzmaker.com/bugs): Known issues and the form for reporting new ones.
- [Contact](https://tikzmaker.com/contact): How to get in touch with the maintainer.
- [Privacy policy](https://tikzmaker.com/privacy): What data TikzMaker stores and how it is handled.

## Notes for agents

- The drawing itself is painted to a canvas, so the shapes on it cannot be read from the page text or the accessibility tree. To find out what a drawing contains, read the generated TikZ code pane instead - it is ordinary text and always reflects the current drawing. Toolbars, menus and dialogs are normal accessible elements.
- A drawing can be loaded directly from a URL of the form `https://tikzmaker.com/editor/<encoded-data>`, where the segment is the compressed, encoded project produced by the editor's share action. These links are not human-readable and should be treated as opaque.
- Project files saved before Beta 4.0 use an incompatible format and must be opened in the [legacy editor](https://tikzmakerlegacy.netlify.app/editor).

## Optional

- [Legacy editor](https://tikzmakerlegacy.netlify.app/editor): Older build kept online so that pre-Beta 4.0 project files can still be opened.