HomeGenetics & EvolutionCRISPR Gene Editing Simulator

CRISPR Gene Editing Simulator

Interactive CRISPR-Cas9 simulator: watch a guide-RNA/Cas9 complex scan DNA for PAM sites, cut on-target and off-target sequences, and repair via NHEJ knock-out or HDR knock-in, with specificity and repair pathway tunable in real time.

Genetics & Evolution3DModerate60 FPS
crispr-gene-editing-genetics ↗ Open standalone

CRISPR-Cas9 turned genome editing from a slow, imprecise craft into a programmable tool: a short guide RNA tells the Cas9 enzyme exactly which sequence to cut, and the cell's own repair machinery finishes the job. This simulator visualizes that search-and-cut cycle directly on a 3D DNA double helix — the Cas9-gRNA complex slides along the strand, pausing only at PAM motifs, and either confirms a match at the true target or occasionally misfires at a similar-looking decoy sequence nearby. Adjust guide RNA specificity to see off-target cuts rise and fall, and switch between the error-prone NHEJ pathway (gene knock-out) and the template-guided HDR pathway (precise knock-in) to see how the repair choice changes editing efficiency.

⚙ Under the hood

Watch a guide-RNA/Cas9 complex scan a 3D DNA helix for PAM sites, cut on-target and off-target sequences, and repair via NHEJ knock-out or HDR knock-in, with specificity and repair pathway tunable in real time.

Three.jsWebGL3DGeneticsCRISPRMolecular Biology

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

What did you find?

Add reproduction steps (optional)