HomeMolecular BiologyDNA Strand-Displacement Logic Gate

DNA Strand-Displacement Logic Gate

Interactive 3D simulator of a two-input DNA AND logic gate built from toehold-mediated strand displacement: watch invader strands out-compete protector strands base-pair by base-pair and see how toehold length sets the reaction rate.

Molecular Biology3DAdvanced60 FPS📱 Mobile-adapted⇄ 2D version
dna-computing-hybridization-logic-gate ↗ Open standalone

Toehold-mediated strand displacement is the core reaction that DNA computing runs on: a short single-stranded "toehold" lets an invader strand nucleate on a duplex and then out-compete an incumbent strand base pair by base pair, with no enzymes involved. This simulator builds a two-input AND gate from that reaction — an output strand held quenched by two protector strands, each guarding one flank via its own toehold. Add Input A and Input B (in either order) and watch each one dock at its toehold and branch-migrate the matching protector off, base pair by base pair; only once both protectors are gone does the reporter domain light up. A toehold-length slider and a concentration slider drive a real rate law, k(b) rising sigmoidally with toehold length toward the diffusion limit, with the predicted half-time read out live.

⚙ Under the hood

Interactive 3D simulator of a two-input DNA AND logic gate built from toehold-mediated strand displacement: add invader strands and watch them out-compete protector strands base pair by base pair to unlock a reporter domain, with a real toehold-length-dependent rate law driving the kinetics.

DNA computingstrand displacementtoeholdmolecular biologyDNA nanotechnologylogic gate

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)