Fast, lightweight JavaScript animation engine with an all-in-one API for timelines, staggering, SVG morphing, scroll sync and draggable physics.
AnimationJavaScriptSVG+2
animejs.com
Circle Loaders
circleloaders.dominikakissi.com
Twenty-four monochrome circular loading animations built from hairlines clipped to a disc — standalone animated SVG spinners in pure CSS and SVG, no dependencies.
What is Circle Loaders?
Circle Loaders is a set of 24 circular loading and agent-status animations, each made from hairlines clipped to a disc. The files are standalone animated SVGs using pure CSS and SVG, with no JavaScript dependencies, and they respect the prefers-reduced-motion setting. Every loader is free to download and drop into any web project.
Best for
- Adding loading states to web apps
- AI agent status animations
- Zero-dependency spinner assets
Key features
- 24 circular loading animations
- Pure CSS and SVG, no dependencies
- Standalone files ready to copy in
- Reduced-motion aware
- Free to use
Related resources
animejs.com
A headless React lens that recreates Apple's Liquid Glass on the web — real refraction of the live DOM in Safari, Firefox and Chrome, with zero dependencies.
ReactGlassmorphismAnimations+1
glass.samasante.com
Visitopens in a new tab
MIT-licensed React component rendering Apple-style liquid glass lenses that refract live DOM — cross-browser SVG displacement, ~5 kB, zero dependencies.
ReactSVGGlassmorphism+2
agpallav.com
Visitopens in a new tab