Transitions
13 components in Transitions, each with an animated preview.
13 components
Blur Fade TransitionA custom transition that combines blur, fade and scale, available as .blurFade.
Circle Reveal TransitionA custom transition that reveals a view through a circular mask growing from a point.
Content Swap TransitionA showcase of text value changes using numericText, interpolate and opacity content transitions.
Cross Fade NavigationA sheet that fades in over the content with the iOS 27 cross-fade navigation transition.
Dissolve Shader TransitionA custom transition that burns a view away through noise, with a glowing edge, drawn by a Metal shader.
Flip Card TransitionA two-sided card that flips in 3D without ever showing mirrored content.
Interactive Pager TransitionA page transition whose progress follows the finger during a drag and completes or cancels on release.
Matched Hero CardA card that expands in place into a full detail view using matched geometry.
Parallax Push TransitionA custom Transition where the incoming page slides over while the outgoing page moves at a slower parallax speed.
Slide Scale TransitionA custom transition that combines an offset with a scale, available as .slideScale.
Staggered Appear ListA list whose rows enter one after another with a capped, testable delay.
Symbol Morph ToggleA toggle whose SF Symbol morphs between states with the iOS 18 magic replace effect.
Zoom Hero TransitionA grid of cards that zoom into their detail screen with the native navigation zoom transition.
No component matches. Try fewer words, or clear the filters.