Back to all instances

Notification bell

Benchmark instance 055
Input static SVG
Input static SVG for Notification bell
Source Lottie animation
Motion edit prompt

Animate the bell as one grouped object, pivoting from a point near the top of its dome while also translating vertically. From the resting centered pose, lift the bell upward by about three-fifths of its own height as it begins a damped ringing swing: one back-and-forth rotation is a counterclockwise tilt followed by a clockwise tilt; do two back-and-forth rotations, then settle nearly upright at the high point. Then bring the bell back down to where it sits in the provided SVG while adding a second smaller ringing wobble: do one more counterclockwise-to-clockwise back-and-forth rotation, then a final counterclockwise tilt, then settle upright. Keep the motion eased and springy, with overshoot and rebound rather than linear movement. Animate the blue clapper ring underneath as a separate swinging element attached to the bell: one sway is a move from one side to the opposite side; do three right-left sway cycles, moving to the right just after the bell reaches the counterclockwise tilt in each of its three back-and-forth rotations and to the left just after the bell reaches the following clockwise tilt, then returning centered under the bell at the end, slightly lagging the bell’s rotation.