AI Agent Loaders: 24 CSS Animations, React, Node and PHP
Twenty-four loading animations for AI products and agents: the reply on its way, the voice that listens, the model generating, the agent running its tools, the search and the vision. Pure CSS with no dependency, each one in five forms: a stylesheet and HTML to paste, an <ai-loader> web component, an npm package for Node and React that renders on the server too, and a PHP helper. Three colour variables, a size and a speed restyle every loader. Light and dark, a label for screen readers, and a still pulse for anyone who asks for less motion.
$5
One payment. The files are yours to download right away.
- Instant downloadIn your account the moment the payment goes through, with the receipt by email.
- Personal and commercial useOne license for one person, in your own work and your clients'. The files themselves are not shared or resold.
- Includes
- 24 loading animations
- Formats
- CSS, HTML snippets, PHP package (Composer), npm package (ES modules, TypeScript types)
- Download
- 69 files in one zip, 0.1 MB
- Works with
- HTML, PHP 8.1+, Node, React, Vue, Svelte and any page that loads CSS
- Category
- Components
- Released
- 21 Oct 2026
- License
- Personal and commercial use
Thinking dotsWriting linesShimmer labelToken streamAnswer skeletonVoice orbVoice waveRippleSparkleBloomGradient ringProgress lineAgent orbitTool stepsHandoffSwarmInfinityNeural pulseMatrixCompute chipCubeRadarSearchVision
Where to use it
Chat products
The reply on its way: dots, writing lines, a token stream, a shimmering label and the answer skeleton.
Agent consoles
A run that calls tools, hands work on, searches, reads an image or takes a while, each with its own wait.
Any stack
Paste the HTML, drop in the <ai-loader> tag, render it from Node or React, or echo it from PHP.
Your own colours
Three CSS variables, a size and a speed restyle every loader, in light and dark.
