Show Dev: I built a 3D circuit simulator in Three.js
Post Body: Put together a browser-based 3D circuit simulator over the last few weeks: https://luvaai.in The idea was to make something zero-install where you can just open a tab, drop components on a breadboard in 3D, wire them up, and run a quick simulation without signing up or dealing with desktop software like Multisim or LTspice. How it's built The frontend is React 19, TypeScript, and Vite,…
A developer has crafted a browser-based 3D circuit simulator, accessible at https://luvaai.in. The goal was to create a zero-install platform where users can open a tab, place components on a virtual breadboard, connect them, and run simulations without the need for software like Multisim or LTspice.
The frontend is constructed using React 19, TypeScript, and Vite, with Three.js handling the 3D canvas and raycasting for component placement. State management is handled by Zustand, avoiding the complexity of Redux. The backend is powered by Express, running on Render and proxying Gemini 2.5 Pro for an AI helper panel that evaluates circuit states. Firebase is employed for Google authentication and design saving to Firestore.
A pre-renderer is included to generate static HTML for crawlers, enhancing search engine visibility on the /learn tutorial pages. The simulator's simulation engine provides DC steady-state analysis, including Ohm's law, series/parallel networks, Kirchhoff's voltage law, and basic behavior of components like capacitors and inductors.
However, it falls short in offering full transient and AC frequency-domain analysis compared to more advanced options like LTspice or ngspice. The component library is still expanding, as modeling and rigging custom 3D connection points in Three.js is a time-consuming process done individually. Touch controls on mobile devices are also found to be challenging for wiring connections.
The developer invites feedback on the Three.js performance and wire routing user experience.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
