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.

A web application that loads once and dynamically updates content without full page reloads. SPAs provide app-like experiences with smooth transitions and responsive interactions. Framer supports SPA-style navigation with page transitions.

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.