Transitions is the process of changing from one state to another. We see transitions everywhere around us; they can be in an environment, a storybook, movies, or web and mobile applications. Transitions play an important role in web and mobile applications because transitions are not just about changing from one state to another but also have to take care of many other things, such as maintaining the context while changing views, explaining to the user what just happened, showing the relation between objects, and focusing attention. Improve perceived performance, create an illusion of virtual space, etc. The research is done mainly on the two areas of transitions. One is “Elements of transitions”, and the other is “Principles of transitions”. The elements of transition have three categories, which are the primary, secondary, and tertiary. The primary elements are the initial or the basic features which come while triggering an action or along with the cause. The secondary elements are the elements which start functioning after the triggered action. The tertiary element can act as a bridge between the elements and principles of transition because tertiary elements are elements which overlap with the other two categories and also are very close to the principles of transition. The principles of transitions are the output and outcomes formed by the elements which are actions, narrative, beliefs, meanings, logics, expectations, continuity, narrative, relationship, causality, etc.