HOMO-LUMO interaction faces, example

Cycloaddition reactions are those in which two unsaturated molecules add together to yield a cyclic product. For example, Diels-AJder reaction between a diene (four tt electrons) and a dienophile (two tt electrons) yields a cyclohexene. Cycloadditions can take place either by suprafacial or antarafacial pathways. Suprafacial cycloaddition involves interaction between lobes on the same face of one component and on the same face of the second component. Antarafacial cycloaddition involves interaction between lobes on the same face of one component ancl on opposite faces of the other component. The reaction course in a specific case can be found by looking at the symmetry of the HOMO of one component and the lowest unoccupied molecular orbital (LUMO) of the other component. 

---