Ecosystem Tools

tscircuit is built around one workflow: write electronics in TypeScript/React, compile the design into Circuit JSON, then preview, route, export, publish, or embed that circuit data.

Use this page when you are deciding which tscircuit tool to open, install, or build with.

Core workflow

1. Write a circuit with tscircuit elements.
2. Compile it into Circuit JSON.
3. Preview the schematic, PCB, and 3D board.
4. Autoroute traces, export fabrication files, or publish reusable packages.

Main user-facing tools

Tool	Use it for	Start here
tscircuit.com	Creating, editing, previewing, sharing, and discovering circuits in the browser.	Quickstart Web
tscircuit Registry	Finding and publishing reusable circuit packages and snippets.	Registry API
tsci CLI	Creating local projects, running a preview server, importing parts, exporting files, and pushing packages.	Quickstart CLI
@tscircuit/core	Turning React/TypeScript circuit components into Circuit JSON from your own scripts or apps.	Programmatically building circuits
Circuit JSON	Moving circuit data between compilers, viewers, autorouters, converters, and exporters.	Displaying Circuit JSON on a webpage
RunFrame	Embedding a runnable tscircuit environment with schematic, PCB, and 3D previews.	Running tscircuit inside an iframe
PCB Viewer	Rendering interactive PCB previews from Circuit JSON.	Displaying Circuit JSON on a webpage
Schematic Viewer	Rendering schematic previews from Circuit JSON.	Displaying Circuit JSON on a webpage
3D Viewer	Rendering 3D board previews and model output.	tsci export
Autorouting	Automatically routing PCB traces from circuit data.	Autorouting API
autorouting.com	Comparing and benchmarking autorouters.	autorouting.com

Viewers and embeds

Use viewers when you already have tscircuit code or Circuit JSON and want to show the result in a web interface.

• Use RunFrame when you want a complete browser runtime that can execute tscircuit code and show multiple preview panes.
• Use PCB Viewer when your app needs a focused board layout view.
• Use Schematic Viewer when your app needs a focused schematic view.
• Use 3D Viewer when your app needs a 3D preview or 3D export workflow.
• Use the iframe integration when you want to embed tscircuit examples without setting up a full React build.

Converters and exporters

Converters move existing design data into tscircuit. Exporters move tscircuit designs into manufacturing, CAD, or other EDA workflows.

Workflow	Use it for	Start here
JLCPCB and EasyEDA imports	Finding parts, footprints, and 3D models from JLCPCB/LCSC data.	Importing from JLCPCB
KiCad imports	Bringing existing KiCad projects into the tscircuit data model.	Importing from KiCad
Circuit JSON imports	Turning generated Circuit JSON back into a reusable tscircuit component.	Importing from Circuit JSON
CLI imports	Searching JLCPCB and the tscircuit registry from a terminal.	tsci import
CLI exports	Exporting Circuit JSON, SVG previews, Gerbers, Specctra DSN, glTF/GLB, STEP, KiCad, or SPICE files.	tsci export
Fabrication files	Sending a board to a manufacturer for PCB fabrication and assembly.	Understanding fabrication files

Choosing the right starting point

• Start with tscircuit.com if you want the fastest browser-based editor and preview flow.
• Start with the tsci CLI if you want a local project, source control, editor integration, and terminal exports.
• Use @tscircuit/core when you are writing scripts, libraries, or apps that need to compile tscircuit components.
• Use RunFrame or the viewer packages when your web app needs embedded circuit previews.
• Use the converter and exporter tools when you need to import existing design data or produce files for fabrication, CAD, simulation, or another EDA tool.