Rive
Interactive vector animations with state machines, playable in any app.
What it is
Rive is an editor and runtime for interactive animations: characters, icons, loaders and UI that respond to input through state machines. Files are tiny and the runtimes are open source for web, React, iOS, Android, Flutter and more. The editor has a free tier.
Why it’s here
The modern successor to Lottie for anything interactive. The learning curve is in the editor, not the code; the runtime side is easy for an agent.
Best for
- animated icons and illustrations
- interactive loaders
- onboarding animations
Can my agent use this?
Agent good agent friendlinessPartly. Your agent can embed and control a Rive file easily using the runtime docs, but it can't create the animation; that happens in the Rive editor. Community files exist to start from.
Good: Publicly accessible and useful to reference, but the agent will need to interpret it rather than install it.
Access methods
- Docs
- GitHub
- npm
Related resources
Spline 
Spline
Design 3D scenes in the browser and drop them into a site as a component.
Toolgood agent friendlinessAutoAnimate 
AutoAnimate
One line of code that animates list changes for you.
PackageFreeOpen sourceexcellent agent friendlinessStaff pickPhosphor Icons 
Phosphor Icons
A flexible icon family with six weights, from thin to duotone.
Asset libraryFreeOpen sourceexcellent agent friendlinessShaderGradient 
ShaderGradient
Slow-moving 3D gradients for React, Framer and Figma that look like expensive motion design.
PackageFreeOpen sourceexcellent agent friendliness