Installation
Quick Start
Install the core package and at least one style:
npm install @avatar-generator/core @avatar-generator/style-initialspnpm add @avatar-generator/core @avatar-generator/style-initialsyarn add @avatar-generator/core @avatar-generator/style-initialsFramework Packages
React
npm install @avatar-generator/react @avatar-generator/style-initialspnpm add @avatar-generator/react @avatar-generator/style-initialsyarn add @avatar-generator/react @avatar-generator/style-initialsAngular
npm install @avatar-generator/angular @avatar-generator/style-initialspnpm add @avatar-generator/angular @avatar-generator/style-initialsyarn add @avatar-generator/angular @avatar-generator/style-initialsAvailable Styles
Each style is a separate tree-shakeable package:
| Package | Description |
|---|---|
@avatar-generator/style-initials | Letter initials on colored backgrounds |
@avatar-generator/style-geometric | GitHub-style symmetrical identicon patterns |
@avatar-generator/style-pixels | 8-bit retro pixel faces |
@avatar-generator/style-rings | Concentric rings with segmented/dashed variants |
@avatar-generator/style-faces | Minimal flat geometric faces |
@avatar-generator/style-illustrated | Detailed cartoon faces with accessories |
@avatar-generator/style-anime | Anime/manga-inspired faces with expressive eyes |
Install any styles you want to use:
npm install @avatar-generator/style-geometric @avatar-generator/style-pixels @avatar-generator/style-rings @avatar-generator/style-faces @avatar-generator/style-illustrated @avatar-generator/style-animepnpm add @avatar-generator/style-geometric @avatar-generator/style-pixels @avatar-generator/style-rings @avatar-generator/style-faces @avatar-generator/style-illustrated @avatar-generator/style-animeyarn add @avatar-generator/style-geometric @avatar-generator/style-pixels @avatar-generator/style-rings @avatar-generator/style-faces @avatar-generator/style-illustrated @avatar-generator/style-animeNext Steps
- Check out the Manual Usage guide for core package usage
- See the React or Angular guides for framework-specific usage
- View the API Reference for all available options