How to create splitting box animation

Hi! I want to make a square appear as if drawn from opposite corners and then split apart to create a frame for some text (see attached images). The lines will appear from nothing (blank canvas).