Animated UI Loaders & Icons: 24 Seamless Loops (no Lottie needed)

Twenty-four loading spinners, progress indicators and animated status icons for apps, websites and product videos. They are delivered as plain video and GIF files, so they work anywhere without a Lottie player or JavaScript. Every animation loops seamlessly.

Included animations

Six versions of every animation (144 files)

• Transparent WebM (VP9 with alpha), 512 × 512, 60 fps, 2 s loop. Comes in a light-background palette (terracotta + charcoal) and a dark-background palette (light terracotta + cream).
• MP4 (H.264), 512 × 512, 60 fps, on light (#ECE7E0) and on dark (#16171A).
• GIF, 256 × 256 at 50 fps, on light and on dark. Loops forever.
• Also included: PNG poster frames for reduced-motion fallbacks, a demo.html page and an index.csv.

Notes

• Transparent VP9 WebM plays in Chrome, Edge and Firefox. Safari doesn't support VP9 alpha, so use the MP4 that matches your background or the GIF there.
• The animations are designed at 512 px and stay crisp from 16 px to 256 px.
• Status icons (success, error, warning, 0–100 progress) draw in, hold, fade out and restart, so they work as looping demos or as one-shot clips you trim.
• Colours: terracotta #B5451F and charcoal #16171A on light backgrounds; #E27040 and cream #ECE7E0 on dark backgrounds.

Usage

<video src="01-ring-spinner.webm" width="48" height="48" autoplay muted loop playsinline></video>

Fully procedural (drawn with code): no AI-generated imagery.

Licensed via AssetLoom. See https://assetloom.io/licenses. Reselling or redistributing the files is not allowed.