# @outpacelabs/avatars — card for AI agents

Free open-source React component that renders deterministic generative mesh-gradient or dither avatars on a canvas from any seed.

Category: Avatars and placeholders · maker Outpace Studios · checked 2026-10-14 · style: gradient, abstract

## Price
- Price: Free
- Free tier: Free and open source under the MIT license

## License
MIT — https://github.com/outpacelabs/avatars/blob/HEAD/LICENSE

- commercial: **yes** (Commercial use OK)
  > Use it anywhere, commercial or not, no attribution required.
  (https://avatars.outpacestudios.com/docs)
- attribution: **no** (No credit needed)
  > It is free and open source under the MIT license, for commercial or personal projects, with no attribution required.
  (https://avatars.outpacestudios.com)
- in app: **yes** (Can ship inside your app)
  > to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so
  (https://github.com/outpacelabs/avatars/blob/HEAD/LICENSE)

## Rules to follow
- Keep the MIT copyright and permission notice in all copies or substantial portions of the software you distribute.
- Install via npm (npm i @outpacelabs/avatars); it needs React 18+ as the only peer dependency.
- Render client-side with GradientAvatar and a seed; no API key or network request is needed.
- Use the same seed to get the same avatar; there is no need to store generated images.

## How an agent gets files
- npm i @outpacelabs/avatars; render <GradientAvatar seed=... /> client-side on a canvas (React 18+); no network calls (sign-in: none)
- Formats: canvas
- Not allowed: Keep the MIT copyright and permission notice in copies you distribute.

## How to connect
- Package (npm/PyPI)
- API docs: https://avatars.outpacestudios.com/docs
- npm: `npm install @outpacelabs/avatars`
- Repository: https://github.com/outpacelabs/avatars
- Website: https://avatars.outpacestudios.com

## Notes
Added automatically; license read from the official pages.

## Numbers (AgentGid data)
- Gid Score: 24.9
- GitHub stars: 132
- Downloads last week: 15,561

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

```
- @outpacelabs/avatars (Avatars and placeholders). Free open-source React component that renders deterministic generative mesh-gradient or dither avatars on a canvas from any seed. Price: free; commercial use OK; no credit needed. Style: gradient, abstract.
  Connect: npm @outpacelabs/avatars.
  Get files: npm i @outpacelabs/avatars; render <GradientAvatar seed=.. /> client-side on a canvas (React 18+); no network calls (canvas).
  Not allowed: Keep the MIT copyright and permission notice in copies you distribute.
  Rule: Keep the MIT copyright and permission notice in all copies or substantial portions of the software you distribute.
  Rule: Install via npm (npm i @outpacelabs/avatars); it needs React 18+ as the only peer dependency.
  Rule: Render client-side with GradientAvatar and a seed; no API key or network request is needed.
  Rule: Use the same seed to get the same avatar; there is no need to store generated images.
  License: https://github.com/outpacelabs/avatars/blob/HEAD/LICENSE (checked 2026-10-14; details: https://agentgid.com/assets/outpace-avatars/)
```

## Links
- AgentGid page: https://agentgid.com/assets/outpace-avatars/
- Is it free for commercial use? https://agentgid.com/assets/outpace-avatars/commercial-use/
- Source: https://avatars.outpacestudios.com
- Source: https://avatars.outpacestudios.com/docs
- Source: https://github.com/outpacelabs/avatars/blob/HEAD/LICENSE
- Source: https://github.com/outpacelabs/avatars

---
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.