Home▸Molecular Biology▸Base Editing Simulator: CBE & ABE Cytosine/Adenine Editors

🧬 Base Editing Simulator: CBE & ABE Cytosine/Adenine Editors

Simulate CRISPR base editing: place a cytosine (CBE) or adenine (ABE) base editor on a DNA target, move the editing window, and see which nucleotides actually get converted without a double-strand break — plus bystander off-target edits.

Molecular Biology3DAdvanced60 FPS

Details

CategoryMolecular Biology

RenderingThree.js · WebGL

DifficultyAdvanced

Target FPS60

ControlsCBE/ABE editor toggle switches which base type (C or A) the deaminase converts; editing-window start and width sliders move/resize the region of the protospacer the deaminase can reach; inspect-position slider selects which of the 20 protospacer nucleotides to check for an edit; off-target deaminase activity slider scales bystander editing probability for other same-type bases inside the window.

Three.jsCRISPRbase editinggenome editingInstancedMeshmolecular biology

Related simulations

Protein Folding VisualiserHP lattice model of protein folding on a 22×22 grid. Monte Carlo pivot moves with Metropolis…

Cell Membrane Diffusion450 Brownian particles split between two chambers. Three transport modes: Simple Diffusion…

DNA Replication Fork Dynamics SimulationObserve the intricate process of DNA replication as helicase unwinds the double helix and… ⊞ All 324 in Molecular Biology →

⚙ Under the hood

Simulate CRISPR base editing on a DNA double helix: switch between a cytosine base editor (CBE, C→T) and adenine base editor (ABE, A→G), slide the editing window, and see exactly which nucleotide converts — with no double-strand break — plus bystander off-target edits.

Three.jsCRISPRbase editinggenome editingInstancedMeshmolecular biology

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