{"id":42216836,"url":"https://github.com/code-forge-temple/circuit-sketcher-app","last_synced_at":"2026-01-27T01:15:53.794Z","repository":{"id":269234191,"uuid":"906806135","full_name":"code-forge-temple/circuit-sketcher-app","owner":"code-forge-temple","description":"A web application to draw circuits on a canvas, based on circuit-sketcher-core.","archived":false,"fork":false,"pushed_at":"2025-09-07T09:17:13.000Z","size":1332,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-07T11:29:09.413Z","etag":null,"topics":["circuit-design","circuit-diagrams","circuit-sketcher","electronics","fortheloveofcode","productivity-tool","visual-editor"],"latest_commit_sha":null,"homepage":"https://code-forge-temple.github.io/circuit-sketcher-app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/code-forge-temple.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"code-forge-temple","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":null}},"created_at":"2024-12-22T00:35:48.000Z","updated_at":"2025-09-07T09:17:17.000Z","dependencies_parsed_at":"2024-12-22T01:24:56.300Z","dependency_job_id":"04b349c0-1e8a-4e44-ba31-b14c8441687b","html_url":"https://github.com/code-forge-temple/circuit-sketcher-app","commit_stats":null,"previous_names":["code-forge-temple/circuit-sketcher-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/code-forge-temple/circuit-sketcher-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-forge-temple%2Fcircuit-sketcher-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-forge-temple%2Fcircuit-sketcher-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-forge-temple%2Fcircuit-sketcher-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-forge-temple%2Fcircuit-sketcher-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/code-forge-temple","download_url":"https://codeload.github.com/code-forge-temple/circuit-sketcher-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-forge-temple%2Fcircuit-sketcher-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28795222,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T01:07:07.743Z","status":"ssl_error","status_checked_at":"2026-01-27T01:07:06.974Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["circuit-design","circuit-diagrams","circuit-sketcher","electronics","fortheloveofcode","productivity-tool","visual-editor"],"created_at":"2026-01-27T01:15:53.629Z","updated_at":"2026-01-27T01:15:53.704Z","avatar_url":"https://github.com/code-forge-temple.png","language":"TypeScript","funding_links":["https://github.com/sponsors/code-forge-temple"],"categories":[],"sub_categories":[],"readme":"# Circuit Sketcher - Web App\n\n**An application to draw circuits on a canvas. It is based on the [code-forge-temple/circuit-sketcher-core](https://github.com/code-forge-temple/circuit-sketcher-core).**\n\n\n\u003e ⭐️ **Love this project?** Please consider [starring the repository](https://github.com/code-forge-temple/circuit-sketcher-app) on GitHub and [supporting development](https://github.com/sponsors/code-forge-temple) to help me continue building amazing features!  \n\n\n## Table of Contents\n\n- [Features](#features)\n- [Development](#development)\n  - [Installation](#installation)\n  - [Building](#building)\n  - [Linting](#linting)\n  - [Preview](#preview)\n- [Demo](#demo)\n- [Component Library](#component-library)\n- [License](#license)\n\n## Features\n\n- Draw and save circuit diagrams\n- Load and save canvas and library data\n- Save to Local Storage Library the customized circuit nodes\n- Responsive design\n- Interactive user interface\n\n## Development\n\n### Installation\n\n1. Clone the repository:\n    ```sh\n    git clone https://github.com/code-forge-temple/circuit-sketcher-app.git\n    cd circuit-sketcher-app\n    ```\n\n2. Set the Node.js version:\n    - For Unix-based systems:\n        ```sh\n        nvm use\n        ```\n    - For Windows:\n        ```sh\n        nvm use $(cat .nvmrc)\n        ```\n\n3. Install dependencies:\n    ```sh\n    npm install\n    ```\n\n4. Start the development server:\n    ```sh\n    npm run dev\n    ```\n\n### Building\n\nTo build the project for production, run:\n```sh\nnpm run build\n```\n\n### Linting\nTo lint the project, run:\n```sh\nnpm run lint\n```\n\n### Preview\nTo preview the production build, run:\n```sh\nnpm run preview\n```\n\n## Usage\n\n1. Open the deployed version of the application [here](https://code-forge-temple.github.io/circuit-sketcher-app).\n2. Start drawing your circuit on the canvas:\n    - On the canvas, right-click to show the canvas menu, and select `Create Node`.\n    - Right-click on the node to show the node menu, select `Change Image`, and choose an image relevant to your circuit node.\n    - Right-click on the node to show the node menu, select `Add Port...`, and choose the port location and type.\n    - You can rename the circuit node label or port label by double-clicking on the label. The port or port label can also be deleted (right-click on the port to show the port menu and proceed from there).\n    - You can relocate ports, either to a different node side or rearrange the ports on the same side, by dragging and dropping the port to the desired location within the dotted blue area.\n    - After you are satisfied with your changes to the circuit node, and if you wish to save the circuit node to reuse it in the current or a different `.circuit-sketcher` file, you can right-click on the circuit node and press `Save Node to Library` (this will update the root Obsidian vault `circuit-sketcher.lib` file).\n    - You can reuse the node by right-clicking on the canvas and selecting `Library...` then selecting the desired node.\n    - Connections between circuit nodes can be made by dragging and dropping one port to the destination port (if it is a compatible port). You can delete a connection by selecting it and then pressing the Delete key.\n    - You can drag the entire circuit by holding the mouse scroll button and moving the mouse.\n\nA short video tutorial on how to use the application (the video is showcasing the Obsidian plugin version of the Circuit Sketcher but the core functionality is the same):\n\n[![S6ifgDb83Pg](https://img.youtube.com/vi/S6ifgDb83Pg/0.jpg)](https://www.youtube.com/watch?v=S6ifgDb83Pg)\n\n## Demo\nYou can view the deployed version of the application [here](https://code-forge-temple.github.io/circuit-sketcher-app).\n\n## Component Library\n\nTo help you get started with Circuit Sketcher, we provide a curated library of circuit components at [circuit-sketcher-lib](https://github.com/code-forge-temple/circuit-sketcher-lib).\n\n### Quick Start with Pre-built Components\n\n**Import the entire library:**\n- Download the complete component library: [library.json](https://github.com/code-forge-temple/circuit-sketcher-lib/blob/main/assets/lib/library.json)\n- Import it directly into Circuit Sketcher to get access to all available components (right click on canvas to show the menu, then `Library...` -\u003e `Import Library`)\n\n**Import individual components:**\n- Browse individual components: [assets/nodes](https://github.com/code-forge-temple/circuit-sketcher-lib/tree/main/assets/nodes)\n- Download specific `.json` files for the components you need\n- Import them one by one into your Circuit Sketcher workspace (right click on canvas to show the menu, then `Import Node`)\n\n## License\nThis project is licensed under the GNU General Public License v3.0. See the [LICENSE](LICENSE) file for more details.\n\n## ✨ My Other Projects\n\n✦ [**Agentic Signal**](https://github.com/code-forge-temple/agentic-signal) – Visual AI agent workflow automation platform with local LLM integration - build intelligent workflows using drag-and-drop interface, no cloud dependencies required.  \n\n✦ [**ScribePal**](https://github.com/code-forge-temple/scribe-pal) - An Open Source intelligent browser extension that leverages AI to empower your web experience by providing contextual insights, efficient content summarization, and seamless interaction while you browse.  \n\n ✦ [**Local LLM NPC**](https://github.com/code-forge-temple/local-llm-npc) An interactive educational game built for the Google Gemma 3n Impact Challenge.  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-forge-temple%2Fcircuit-sketcher-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode-forge-temple%2Fcircuit-sketcher-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-forge-temple%2Fcircuit-sketcher-app/lists"}