# useAnimations — card for AI agents

300 free animated icons as a React component, shadcn/ui registry items, SVG files and Lottie JSON.

Category: UI animation (Lottie, Rive) · maker useAnimations · checked 2026-10-12

## Price
- Price: Free
- Free tier: All 300 icons are free under the MIT license

## License
MIT — http://react.useanimations.com/licencing-and-terms

- commercial: **yes** (Commercial use OK)
  > Use the icons in personal and commercial websites, apps and products.
  (http://react.useanimations.com/licencing-and-terms)
- attribution: **no** (No credit needed)
  > Not required, but appreciated. Keep the license notice when you redistribute the files themselves
  (http://react.useanimations.com/licencing-and-terms)
- in app: **yes** (Can ship inside your app)
  > Redistribute them, including inside icon packs, templates, themes, UI kits and component registries.
  (http://react.useanimations.com/licencing-and-terms)

## Rules to follow
- Keep the MIT license notice when you redistribute the icon files themselves.
- Credit is optional; if you credit, use: Animated icons by useAnimations (https://useanimations.com).
- Install via npm (react-useanimations) or the shadcn registry, or download SVG and Lottie JSON files and ship them with your app.

## How an agent gets files
- npm install react-useanimations (React component), or the shadcn registry, or download SVG/Lottie JSON from the site. (sign-in: none)
- Not allowed: Keep the license notice when redistributing the icon files themselves
- Not allowed: Provided as-is, without warranty

## How to connect
- Public API
- API docs: https://useanimations.com/documentation
- npm: `npm install react-useanimations`
- Repository: https://github.com/useAnimations/react-useanimations
- Website: http://react.useanimations.com

## Notes
Added automatically: 1,248 GitHub stars. License read from the official pages.

## Numbers (AgentGid data)
- Gid Score: 20.0
- GitHub stars: 1,253
- Downloads last week: 9,131
- Used in 1 public projects set up for AI coding agents

## Lines to paste into your prompt or AGENTS.md

```
- useAnimations (UI animation (Lottie, Rive)). 300 free animated icons as a React component, shadcn/ui registry items, SVG files and Lottie JSON. Price: free; commercial use OK; no credit needed.
  Connect: API docs https://useanimations.com/documentation; npm react-useanimations.
  Get files: npm install react-useanimations (React component), or the shadcn registry, or download SVG/Lottie JSON from the site.
  Not allowed: Keep the license notice when redistributing the icon files themselves
  Not allowed: Provided as-is, without warranty
  Rule: Keep the MIT license notice when you redistribute the icon files themselves.
  Rule: Credit is optional; if you credit, use: Animated icons by useAnimations (https://useanimations.com).
  Rule: Install via npm (react-useanimations) or the shadcn registry, or download SVG and Lottie JSON files and ship them with your app.
  License: http://react.useanimations.com/licencing-and-terms (checked 2026-10-12; details: https://agentgid.com/assets/useanimations/)
```

## Links
- AgentGid page: https://agentgid.com/assets/useanimations/
- Is it free for commercial use? https://agentgid.com/assets/useanimations/commercial-use/
- Source: http://react.useanimations.com
- Source: http://react.useanimations.com/licencing-and-terms
- Source: http://react.useanimations.com/license
- Source: https://github.com/useAnimations/react-useanimations/blob/HEAD/LICENSE
- Source: https://github.com/useAnimations/react-useanimations

---
AgentGid's catalog is curated: every entry was checked against the maker's official pages (registry, repository, license and pricing pages) on the date shown; a license value shows the quote it stands on wherever AgentGid has one. Usage numbers come from AgentGid's own scan of public repositories set up for AI coding agents. Claims by makers are reported, not tested by AgentGid.