Page Transition
The animation or effect that occurs when navigating between pages, providing visual continuity. Page transitions can make navigation feel seamless and help users maintain context. Framer supports various transition effects between pages.
Flow Effect
Effects
A type of animation that creates fluid, continuous motion between states or along scroll, often used for page transitions. Flow effects add polish and help users maintain context during navigation. Framer's transitions support various flow effects between pages and component states.
Transition
Motion
The animated change between two states of an element, such as button hover effects or page navigation. Smooth transitions make interfaces feel polished and help users track changes. Keep transitions quick (200-400ms for UI elements) to maintain responsive feel.
View Transitions
Effects
Animated transitions between page or state views that preserve continuity as content changes. View transitions can make navigation feel smoother and reduce abrupt visual jumps.
Instant Navigation
Performance
In Framer, instant navigation helps multi-page sites feel faster by reducing delay between clicks and page changes, especially when paired with preloading and optimized routes.