useAnimations
298 free MIT animated Lottie icons with a React package, a shadcn registry, and an agent catalog
useAnimations is a free library of 298 animated icons drawn on 24 and 32 px artboards. Each icon has a Lottie JSON file with a direct URL, static SVG files, and a ZIP package. Icons play on a loop, a click, or a hover. The react-useanimations package plays the icons in React, and a shadcn registry adds one icon as a component. The docs cover plain HTML, Vue, Svelte, Angular, iOS, and Android. Everything uses the MIT license, with no attribution required.
npm install react-useanimationsFetch useanimations.com/icons.json to pick an icon by keyword and interaction type. In React, install react-useanimations, or add one icon with the shadcn registry. On a plain page, load the Lottie JSON from its direct URL with the lottie-web light build. The error and twitter icons need the full build. Recolor the icons to match your design system, and keep the motion for state changes.
Why it is here. It is a small, MIT-licensed animated icon set that an agent can search and install without an account.
- 298 animated icons
- MIT with no attribution
- Lottie JSON and static SVG
- react-useanimations and a shadcn registry
- icons.json catalog and llms.txt
Verified 2026-10-09. HTTP 200. Checked https://useanimations.com/, /llms.txt, /icons.json, /r/registry.json, /documentation.md, and /licencing-and-terms on 2026-10-09. icons.json lists 298 icons. The terms state the MIT license with no attribution required. The GitHub API reports 1,247 stars and a last push on 2026-10-08. npm lists react-useanimations 2.10.0 under MIT. Source tweet: https://x.com/DevDsgn/status/2108552027962036228.
