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 1k 33

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

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

    TypeScript 63 1

  3. jscad-fiber jscad-fiber Public

    Create 3d CAD models with React using jscad

    TypeScript 43 18

  4. autorouting autorouting Public

    Algorithms and dataset of autorouting problems for developing and benchmarking autorouters

    TypeScript 36 9

  5. 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 35 18

  6. tscircuit.com tscircuit.com Public

    The main website, playground and online development environment for tscircuit (React Electronics)

    TypeScript 30 63

Repositories

Showing 10 of 178 repositories

Sponsoring

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

Most used topics

Loading…