Home▸Molecular Biology▸Molecular Cloning: Restriction Digest, Ligation & Bacterial Transformation

🧬 Molecular Cloning: Restriction Digest, Ligation & Bacterial Transformation

Interactive 3D simulation of the molecular cloning workflow: cut donor DNA and a plasmid vector with a restriction enzyme, ligate the sticky ends into a recombinant plasmid, transform E. coli by heat shock, and select surviving colonies on an antibiotic plate.

Molecular Biology3DModerate60 FPS

Details

CategoryMolecular Biology

RenderingThree.js · WebGL

DifficultyModerate

Target FPS60

ControlsRestriction enzyme dropdown (EcoRI / BamHI / HindIII) sets the recognition site and sticky-end overhang shown on both donor DNA and plasmid vector; Run cloning steps button animates the four-stage sequence (restriction digest, ligation, heat-shock transformation, antibiotic selection); Reset returns to the intact donor DNA and plasmid.

Three.jsMolecular BiologyRecombinant DNARestriction EnzymesInstancedMesh

Related simulations

Base Editing Simulator: CBE & ABE Cytosine/Adenine EditorsSimulate CRISPR base editing on a DNA double helix: switch between a cytosine base editor…

Genetic Engineering ExplainedCut a bacterial plasmid with a restriction enzyme, splice in a chosen gene, and watch the…

Antibody Engineering SimulatorInteractive antibody engineering lab: switch between IgG, Fab, scFv and nanobody formats,… ⊞ All 328 in Molecular Biology →

⚙ Under the hood

Pick a restriction enzyme (EcoRI, BamHI or HindIII), then run the recombinant-DNA workflow step by step: cut donor DNA and a plasmid vector at matching recognition sites to expose sticky ends, seal the gene insert into the vector with DNA ligase, heat-shock transform the recombinant plasmid into E. coli, and watch only antibiotic-resistant colonies survive selection.

Three.jsMolecular BiologyRecombinant DNARestriction EnzymesInstancedMesh

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