Skip to main content
Importing Modules and Chips

Importing from JLCPCB

Overview​

JLCPCB has a massive component catalog of 3d models and footprints.

Editor Import​

Recommended Method

The easiest way to import JLCPCB components is through the editor's built-in import dialog. This provides a modern search interface with real-time stock information and instant component preview.

Click the Import button in the toolbar to begin importing JLCPCB parts
Go to the JLCPCB Parts tab and search by part number (e.g., 'C5100227') or keyword (e.g., 'ESP32')
Select component and click Import

The component is saved to your project's imports/ directory, ready to use immediately.

Example Usage​

import { ESP32_WROOM_32D } from "./imports/ESP32_WROOM_32D"

export default () => (
  <board width="50mm" height="50mm">
    <ESP32_WROOM_32D />
  </board>
)

Web Import​

You can import JLCPCB components on tscircuit.com. After importing the snippet, it'll be given a package name like @tsci/YOUR_NAME.CHIP_NAME and available for import from the tscircuit registry.

Step 1: Go to tscircuit.com and press the "new" button
Step 2: Click "Import JLCPCB Component"
Step 3: Paste in the JLCPCB Part Number
You can find the JLCPCB Part Number on JLCPCB's website
An example of an imported JLCPCB component

After your component has been added to tscircuit, you can import it as a @tsci/* import like this:

import { ESP32_WROOM_32DC } from "@tsci/AnasSarkiz.ESP32_WROOM_32DC"

export default () => (
  <board width="10mm" height="10mm">
    <ESP32_WROOM_32DC />
  </board>
)

CLI Import​

To import JLCPCB components using the tsci dev environment, follow these steps:

  1. Run tsci dev to start the development server
  2. In the tsci dev environment, navigate to "File -> Import"

After importing, you can use the component in your circuit like this:

import { ComponentName } from "@tsci/imported-component"

export default () => (
  <board width="10mm" height="10mm">
    <ComponentName />
  </board>
)