Circuit Playground | velo-circuit

Interactive Circuit Editor

import React, { useState } from 'react';
import { useCircuitEditor } from 'velo-circuit/react';

export default function CircuitPlayground() {
  const [dsl, setDsl] = useState('R0{10}-p(R1{100},C1{1e-5})-Wo2{0.05,0.1}');
  const { containerRef } = useCircuitEditor({ value: dsl, onChange: setDsl });
  return <div ref={containerRef} style={{ height: '500px' }} />;
}

This playground uses the extended editor preset (global toolbar, DSL panel, grid view). For embed-only canvas, use preset: 'lite' in your app — see Editor Presets.