Skip to content
Chemistry Rich #sn1#sn2#mechanism

SN1 vs SN2 Mechanisms

One-step backside attack vs two-step ionization. Substrate, nucleophile, and solvent decide which.

A free, animated sn1 vs sn2 mechanisms you can read here or embed on any website, from Scrollchart.

SN1 vs SN2 Mechanisms

SN2Concerted backside attackSN1Two-step via carbocationReaction progressReactantProductReaction progressReactantProductEnergy

Side-by-side reaction-energy diagrams. SN2: concerted, single transition state, second-order kinetics. SN1: two-step via carbocation, first-order kinetics. Substrate effect (1° favors SN2, 3° favors SN1) annotated.

Good for

  • Organic mechanism tutorials

Source & accuracy

This sn1 vs sn2 mechanisms is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

SN2: one-step backside attack

SN2 (bimolecular nucleophilic substitution) is a one-step process where a nucleophile attacks the carbon bearing the leaving group from the back side (opposite to the leaving group). The C-X bond breaks and the C-Nu bond forms simultaneously. The nucleophile must have unhindered access to the backside, so SN2 is fastest for primary alkyl halides and slowest for tertiary, where the bulky groups around the carbon block attack. The reaction inverts the stereochemistry at the substituted carbon (Walden inversion).

SN1: two-step ionization via carbocation

SN1 (unimolecular nucleophilic substitution) is a two-step process. The C-X bond breaks first to form a carbocation intermediate, which is then attacked by a nucleophile in the second step. Carbocations are stabilized by alkyl groups, so SN1 is fastest for tertiary alkyl halides and slowest for primary. The nucleophile can attack from either face, so the reaction yields a mixture of inverted and retained stereochemistry (racemization). The carbocation may also rearrange to a more stable form before the nucleophile attacks, potentially producing rearranged products.

Predicting which mechanism dominates

SN2 is favored by primary substrates, strong nucleophiles, and polar aprotic solvents like DMSO or acetone. SN1 is favored by tertiary substrates, weak nucleophiles, and polar protic solvents like water or ethanol. Secondary substrates are ambiguous and can undergo either mechanism, often yielding a mixture of products. Leaving group ability also matters; better leaving groups (iodide, tosylate) favor ionization and SN1. Understanding the interplay of substrate, nucleophile, and solvent is essential for controlling substitution reactions and predicting products.

Embed this diagram

Add this animated sn1 vs sn2 mechanisms to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated sn1 vs sn2 mechanisms for any website.
Who uses it
Chemistry educators.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="sn1-sn2-mechanisms" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "SN1 vs SN2 Mechanisms" for my website?
Scrollchart provides "SN1 vs SN2 Mechanisms" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a sn1 vs sn2 mechanisms in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.