Home▸Chemistry & Materials▸Diels-Alder Cycloaddition: [4+2] Reaction Coordinate

Diels-Alder Cycloaddition: [4+2] Reaction Coordinate

Interactive 3D Diels-Alder [4+2] cycloaddition simulator: drag a diene and dienophile along the reaction coordinate to a concerted transition state, watch the two new sigma bonds form, and see how substituents, endo/exo approach and temperature change the activation energy and Arrhenius rate.

Chemistry & Materials3DAdvanced60 FPS📱 Mobile-adapted⇄ 2D version

This simulator renders a real 3D reaction coordinate for the Diels-Alder [4+2] cycloaddition: a diene and a dienophile approach, pass through a single concerted transition state, and fuse into a cyclohexene ring as two new σ bonds form together. Scrub or play the progress slider to watch bond lengths and the potential-energy curve evolve, switch the dienophile to an electron-poor acrylonitrile to see the activation energy drop, toggle endo vs exo approach to see Alder's endo rule in action, and adjust temperature to watch the Arrhenius rate constant respond live.

⚙ Under the hood

Drive a diene and dienophile along a real 3D reaction coordinate through the concerted [4+2] transition state to a cyclohexene product, and see how substituents, endo/exo approach and temperature change the activation energy and Arrhenius rate.

organic chemistrydiels-aldercycloadditionreaction mechanismkineticsstereochemistry

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