Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Aelm - Agent-native Electronic Layout MarkupNew to Visual Studio Code? Get it now.
Aelm - Agent-native Electronic Layout Markup

Aelm - Agent-native Electronic Layout Markup

Preview

alphaelements

| (0) | Free
Text-based electronic circuit CAD with live preview, powered by Rust and WebAssembly
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Aelm — Agent-native Electronic Layout Markup

Text-based electronic circuit CAD with live preview, powered by Rust and WebAssembly.

Features

  • Live circuit preview — Edit .aelm files and see the schematic update instantly
  • Side-by-side view — Code editor and diagram panel side by side
  • Export — Export circuits as SVG or PNG
  • Language support — Syntax highlighting and snippets for .aelm, .alib, and .astyle files
  • LSP integration — Error diagnostics, hover info, and auto-complete via built-in language server

Quick Start

  1. Install the extension
  2. Open or create a file with .aelm extension
  3. The circuit editor opens automatically with a live preview

Example circuit

module Blinker {
  part LED : LED {
    place: (100, 100)
  }
  part R1 : Resistor(value: "330Ω") {
    place: LED.A(-60, 0)
  }
  wire R1.2 -- LED.K
}

File Types

Extension Purpose
.aelm Circuit / schematic source
.alib Parts library
.astyle Visual style definitions

Commands

Command Description
Aelm: Show Side by Side Show code and diagram together
Aelm: Show Diagram Only Full-screen diagram view
Aelm: Show Code Only Return to text editor
Aelm: Export as SVG Save diagram as SVG
Aelm: Export as PNG Save diagram as PNG
Aelm: Zoom to Fit Fit diagram to window

Requirements

  • VS Code 1.80.0 or later

Links

  • GitHub
  • Issue Tracker
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft