Back to all instances

Ring

Benchmark instance 065
Input static SVG
Input static SVG for Ring
Source Lottie animation
Motion edit prompt

Start with the SVG as shown: only the handset visible and the three ringing arcs hidden. Animate the handset as a single rigid outline rotating about its center: after a brief still start, tip it clockwise first, snap back to neutral, then perform three quick counterclockwise shake pulses that rebound to neutral each time, ending at its angle in the provided SVG. Starting as the handset is tipping clockwise and before it snaps back to neutral, reveal three rounded curved ringing arcs above the upper-right side of the handset, concentric and following the phone’s rotation; fade the smallest/innermost arc in first, then the middle arc, then the largest/outer arc. Keep the arcs visible briefly, then, as the handset begins its third counterclockwise shake pulse, fade them out staggered with the outer arc disappearing first, followed by the middle and inner arcs, leaving only the still handset.