explaingit

easyeda/online-gencad-viewer

Analysis updated 2026-05-18

23TypeScriptAudience · developerComplexity · 2/5Setup · easy

TLDR

A browser-based viewer for opening and inspecting PCB circuit board design files in the GenCAD format.

Mindmap

mindmap
  root((online-gencad-viewer))
    What it does
      Opens GenCAD PCB files
      Renders board layers
      Search components and nets
    Tech stack
      TypeScript
      LeaferJS
      HTML5 Canvas
    Use cases
      Inspect PCB layouts
      Share offline HTML viewer
      Procurement review
    Audience
      Engineers and hobbyists
    Format
      Single HTML file
      Works offline

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Open a .cad PCB file and inspect its layers without design software

USE CASE 2

Search a component or net list and jump to its location on the board

USE CASE 3

Share a self-contained HTML file of a PCB layout with a colleague

USE CASE 4

Review a circuit board design during procurement or engineering review

What is it built with?

TypeScriptLeaferJSHTML5 Canvas

How does it compare?

easyeda/online-gencad-viewerad3lre/echoaffaan-m/x-algorithm-score
Stars232323
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyhardmoderate
Complexity2/54/52/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Compiles to a single HTML file, so it runs offline with no server or install.

In plain English

Online GenCAD Viewer is a browser-based tool for opening and inspecting PCB (printed circuit board) design files in the GenCAD format (.cad extension). PCB files describe the physical layout of an electronic circuit board, where components are placed, how copper traces connect them, and where holes and solder pads go. This viewer lets you see all of that visually without needing specialized design software installed. You open a .cad file by dragging it onto the page or using a file picker. The board then renders in your browser with multiple layers, top and bottom copper, inner layers, silkscreen (the printed labels), drill holes, and the board outline, each of which you can show or hide independently. You can search the component or net list (a "net" is an electrical connection between points), click on a component to highlight it and jump to its location on the board, zoom with the scroll wheel, and pan by dragging. The tool is built in TypeScript and compiles to a single self-contained HTML file, meaning you can download that file and use it offline with no server or installation required. The rendering engine is LeaferJS, which uses the HTML5 Canvas element to draw the board graphics. The interface supports both Chinese and English. This is made by EasyEDA, an online PCB design platform, and is useful for engineers, hobbyists, or procurement teams who need to inspect or share a PCB layout without opening a full CAD application.

Copy-paste prompts

Prompt 1
Show me how to open a .cad file with this viewer and toggle its layers
Prompt 2
Explain what the different PCB layers shown in this viewer mean
Prompt 3
Help me search for a specific component or net in a loaded board file
Prompt 4
Walk me through sharing this viewer as an offline HTML file

Frequently asked questions

What is online-gencad-viewer?

A browser-based viewer for opening and inspecting PCB circuit board design files in the GenCAD format.

What language is online-gencad-viewer written in?

Mainly TypeScript. The stack also includes TypeScript, LeaferJS, HTML5 Canvas.

How hard is online-gencad-viewer to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is online-gencad-viewer for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.