Skip to content
@tscircuit

tscircuit

Create Electronics with React

tscircuit - Create Electronics with Typescript

tscircuit code turns into real electronics that you can preview and order

import { USBC } from "@tsci/seveibar.smd-usb-c"

export default () => {
  return (
    <board width="12mm" height="30mm">
      <USBC
        connections={{
          GND: "net.GND",
          VBUS: "net.VBUS"
        }}
      />
      <led
        name="LED"
        supplierPartNumbers={{
          jlcpcb: ["965799"],
        }}
        color="red"
        footprint="0603"
        pcbY={12}
        schY={2}
      />
      <button pin2=".R1 > .pos" pin3="net.VBUS" schY={-2} />
      <resistor name="R1" footprint="0603" resistance="1k" />

      <trace from=".R1 > .neg" to=".LED .pos" />
      <trace from=".LED .neg" to="net.GND" />
    </board>
  )
}

Popular repositories Loading

  1. tscircuit tscircuit Public

    Create real electronics with Typescript and React

    TypeScript 1.1k 39

  2. simple-3d-svg simple-3d-svg Public

    An extremely simple 3D SVG renderer (20KB minified)

    TypeScript 70 1

  3. minicssgrid minicssgrid Public

    A tiny CSS grid implementation in typescript

    TypeScript 64

  4. jscad-fiber jscad-fiber Public

    Create 3d CAD models with React using jscad

    TypeScript 45 18

  5. autorouting autorouting Public archive

    Algorithms and dataset of autorouting problems for developing and benchmarking autorouters

    TypeScript 38 9

  6. circuit-json circuit-json Public

    Circuit JSON a low-level circuit representation. Visually represent schematic, PCB, produce Gerber files, produce bill of materials, run SPICE simulations, view warnings and more.

    TypeScript 36 19

Repositories

Showing 10 of 186 repositories

Sponsoring

  • @Anshgrover23
  • @techmannih
  • @ShiboSoftwareDev
  • @MustafaMulla29
  • @ArnavK-09
  • @Abse2001
  • @MattIPv4
  • @yaqwsx
  • @ovidiuch
  • @andrasfuchs

Most used topics

Loading…