This is the entire app: fabric, shaders, editor, labels, waveform viewer, examples, file controls, and built-in guide. It imports no script, stylesheet, font, image, or circuit from anywhere else.
Two Kinds Of Files Put You In Control
This is one circuit: its current texture, dimensions, format, and view. Make as many circuit files and dated copies as you want. Open any one through the app’s file picker.
Put the HTML app in Documents, Downloads, a USB drive, or any folder you prefer. Your circuit files do not have to sit beside it. The file picker can open them from anywhere your browser can access.
Your First Circuit In Seven Steps
-
Open The App
Double-click
cartilage-simple-canvas.html, or use Open With and choose a WebGL-capable browser. The routed five-MUX full adder appears immediately. The Start here guide explains the controls inside the file itself. -
Choose An Example Or A Blank Fabric
Use 1. Choose a circuit. The built-in collection includes a full adder, every MUX permutation, a causal timing ring, a low-nibble multiplier, one- and two-target prototype inheritance, and a blank authoring fabric. New blank fabric clears the current geometry after asking whether to download your work first.
-
Place Circuit Roles Directly
Open Role: Inspect. Choose GND, PWR, a crossing, a directional wire, or one of the MUX roles. Tap a cell on mobile, or click and drag on a computer. Return to Inspect whenever you want to read a cell instead of changing it.
-
Name Signals And Structure
Choose Name signals / regions. Signal names belong to individual cells. Physical objects begin at reconfiguration ports. Logical regions and module instances describe meaningful subdivisions of the same circuit tree. These names are encoded into the fabric metadata that saves and streams with the circuit.
-
Watch What The Circuit Does
Pin a named signal to the waveform list, then open Debug waveforms. Up to ten signal names can be watched. Home, rewind, freeze trace, and step move through captured observations while the fabric itself keeps running.
-
Save The Circuit To Your Computer
Press Save circuit file. Your browser downloads a
.cartilage.jsonfile. Rename it descriptively and add a date when you want an immutable checkpoint, such asadder-labeled-2026-08-03.cartilage.json. -
Resume Later
Open the HTML app again and choose Open circuit file. Select your JSON file. Its dimensions, roles, MUX state, ownership, ports, signal names, and region structure return to the live fabric.
Save before closing the tab or discarding an edited circuit. The app intentionally does not hide your main circuit in localStorage or IndexedDB. When it detects unsaved edits before switching examples or clearing the fabric, it offers Cancel, Discard, or Download JSON first.
What The Built-In Circuits Are For
Five-MUX Full Adder
Start here to inspect a compact routed Boolean circuit with readable names and regions.
All MUX Permutations
See each directional MUX role in one catalog before placing roles in your own fabric.
Causal Timing Ring
Open Debug waveforms and follow named phases as signals propagate one local transition at a time.
Low-Nibble Multiplier
Explore a larger routed circuit while learning pan, zoom, Fit, inspection, labels, and saved views.
Prototype Inheritance
Study a source physical object, a routed controller, and a target reconfiguration port inside the same two-dimensional fabric.
Parallel Prototype Inheritance
See two independent internal routes aimed at separate targets without turning the edge into a special programming bus.
Blank Authoring Fabric
Begin your own circuit with stationary 4×4 blocks, direct role editing, labels, regions, resize, and local files.
Resize, Read, Write, And Reuse
Resize fabric adds or removes complete 4×4 blocks independently on the left, right, top, or bottom. Shrinking warns before clipping cells. Expanding changes physical route lengths, so timing changes exactly where a larger physical fabric should change it.
Port read / write exposes the ordinary native reconfiguration-port stream. Copy / instantiate marks a port-rooted source and one or more routed targets. These are the same fabric features in every circuit file; examples do not receive private JavaScript behavior.
Use It On A Phone, Tablet, Laptop, Or Desktop
On a computer, click the download button and keep the HTML file in your preferred folder. On Android, use the browser download. On iPhone or iPad, if Safari opens the HTML instead of saving it directly, use Share and Save to Files. You can also use the browser’s Save Page command because every required resource is already inside the page.
The controls fit a phone in portrait orientation. Pan the fabric with touch, use Fit to recover the whole circuit, and collapse the Start here guide whenever you want the canvas unobstructed.
Send Someone A Working Cartilage Machine
Share cartilage-simple-canvas.html by itself and the recipient receives the complete authoring tool plus all built-in examples. Add one of your .cartilage.json files and they receive your circuit too. They do not need your account, your server, or access to any private address.
Build Your First Saved Circuit
Take the app, name one signal, pin its waveform, and download the circuit file.