Open Source Library

Interactive Circuit Diagrams

Render beautiful electrical schematics from JSON — with interactive SVG, themes, and framework components.

npm install @skillpet/circuit

RLC Circuit

Why @skillpet/circuit?

JSON-Driven
Describe circuits in simple JSON — perfect for AI generation and programmatic creation.
Interactive SVG
Click, hover, highlight elements. Built-in tooltip, selection, and event system.
Theme System
Light, dark, print themes built-in. Auto mode adapts to host page via CSS variables.
Framework Ready
Works in vanilla JS, or use the Vue / React component wrappers.
Rich Components
500+ electrical components — resistors, capacitors, transistors, logic gates, ICs, and more.
TypeScript First
Full type definitions with IntelliSense support for every component and option.

Live Examples

Hover, click, and interact with the circuits below.

RLC Circuit
Op-Amp
Logic Gates
Rectifier
BJT Amplifier
LP Filter
Colorful RLC
Colorful Op-Amp
Colorful Logic

Ready to get started?

Install the package and render your first circuit in minutes.