add xframe components introduction