An interactive, visual, online editor for creating electrical circuit diagrams for LaTeX/CircuiTikZ with ease. Try it out online!
CircuiTikZ-Designer bridges the gap between visual circuit design and precise LaTeX code, letting you design, customize, and export diagrams without manually writing TikZ commands. Whether you’re preparing academic papers, teaching materials, or engineering documentation, CircuiTikZ-Designer provides:
- A clean, intuitive interface for fast diagram creation
- An extensive component library for all your circuit needs
- Real-time previews and instant export to high-quality LaTeX code
Stop wrestling with code syntax — focus on your circuit design, and let CircuiTikZ-Designer handle the TikZ.
| Edit in CircuiTikZ-Designer | Export to compilable TikZ code |
|---|---|
 |
 |
| Use it in your LaTeX project! |
|---|
 |
- Visual Circuit Design: Intuitive interface with multi-tab support and component grouping
- Wide Component Library: Includes most circuit elements plus some tikz components like rectangles, ellipses and arrows
- Export Ready: Generate clean LaTeX/TikZ code and compatible SVG exports for seamless document integration
- Advanced Editing: Rotate, scale, align, distribute, and snap components with clear visuals and flexible editing capabilities
- Component Variants: Easily switch between different versions of components and adjust their properties via the properties window
- Cross-Platform Friendly: Dark mode and mobile support for comfortable online editing anywhere
- MathJax Support: Write MathJax math expressions directly inside text components with real-time rendering
- Have Node.js installed
- Clone the repository
- Run "npm install" in terminal in project directory
- Run "npm start" in terminal in project directory
- Open website at URL provided in command line output
All controls of the application are explained in the help menu in the top right corner via the circled questionmark in the application itself.
If you need help, please use the general discussions page.
Please use the issues page of the project to report bugs. Please always provide steps on how to reproduce the bug.
You can post feature requests and discuss them on the discussions page.
Fork the repo, and create a pull request. Please always test your code thoroughly!