Home▸Chemistry & Materials▸Retrosynthesis Route Builder

Retrosynthesis Route Builder

Interactive 3D simulation of multi-step organic total synthesis: build a retrosynthetic disconnection tree back to simple precursors, then run it forward and watch how step count, per-step yield and protecting-group strategy multiply into an overall yield.

Chemistry & Materials3DAdvanced60 FPS

Synthetic organic chemistry's hardest problem isn't running one reaction — it's chaining a dozen of them together without losing all your material along the way. This simulation visualizes a multi-step total synthesis as a chain of molecule nodes growing in complexity from simple, purchasable precursors up to a complex target, exactly as Woodward and Corey planned their landmark syntheses: backward, by retrosynthetic disconnection, then forward, bond by bond in the lab. Adjust step count, per-step yield and protecting-group strategy to see how quickly small per-step losses compound — and why a synthesis with fewer, higher-yielding steps usually beats a longer "elegant" one.

⚙ Under the hood

Build a multi-step organic total-synthesis route as a chain of molecule nodes from simple precursors to a complex target, switch between retrosynthetic disconnection and forward synthesis, and watch how step count, per-step yield and protecting-group strategy multiply into an overall yield.

Three.jsOrganic ChemistryRetrosynthesisTotal SynthesisReaction Yield

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