Windows Dev Center

Guidelines for reposition animations

Use the reposition animation to move an element or elements into a new position.


  • If you're showing or hiding edge-based UI, use edge-based UI animations. Edge-based UI is an element or container that is anchored at one edge of the screen.

[This article contains information that is specific to Universal Windows Platform (UWP) apps and Windows 10. For Windows 8.1 guidance, please download the Windows 8.1 guidelines PDF .]

Related topics

For designers
Guidelines for add and delete
Guidelines for content transitions animations
Guidelines for drag animations
Guidelines for edge-based UI animations
Guidelines for fade animations
Guidelines for page transitions animations
Guidelines for pointer click animations
Guidelines for pop-up UI animations
For developers (XAML)
Animating your UI
Animating repositions
Quickstart: Animating your UI using library animations
RepositionThemeAnimation class
RepositionThemeTransition class
For developers (HTML)
HTML animation library sample
Animating your UI
Animating repositions
WinJS.UI.Animation.createRepositionAnimation function



© 2015 Microsoft