Back to all instances

Loader

Benchmark instance 044
Input static SVG
Input static SVG for Loader
Source Lottie animation
Motion edit prompt

Use the static SVG as the starting state with no edits. Keep the circular outline centered with no rotation or translation, preserving a perfectly round shape and consistent stroke thickness. Animate only the ring’s diameter and stroke color in one smooth cycle: start as the full-size red ring in the provided SVG, shrink with ease-in and ease-out timing to a centered ring about one half of that diameter, briefly hold while gradually blending the stroke color to yellow, expand with ease-in and ease-out timing to a ring about four fifths of that diameter, briefly hold while gradually blending the stroke color to dark teal, shrink with ease-in and ease-out timing to a centered ring about one quarter of that diameter, briefly hold while gradually blending the stroke color to lighter teal, expand with ease-in and ease-out timing back to its size in the provided SVG, briefly hold while gradually blending the stroke color to bright aqua, shrink with ease-in and ease-out timing to a ring about two thirds of that diameter, briefly hold while gradually blending the stroke color to yellow, then expand with ease-in and ease-out timing to the full diameter in the provided SVG, briefly hold there while gradually blending the stroke color back to red for a seamless restart.