10 Best React Avatar Libraries

List hand-picked by Openbase Experts
Learn More

rae

react-avatar-editor

Small avatar & profile picture component. Resize and crop uploaded images using a intuitive user interface.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
94K
Last Commit
5mos ago

react-avatar

Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
1
Top Feedback
1Easy to Use
GitHub Stars
549
Weekly Downloads
48K
Last Commit
2mos ago
rrt

react-redux-toastr

react-redux-toastr is a toastr message implemented with Redux

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
2
Top Feedback
N/A
GitHub Stars
742
Weekly Downloads
29K
Last Commit
2mos ago

@chakra-ui/avatar

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
23K
Weekly Downloads
210K
Last Commit
1mo ago

@fluentui/react-avatar

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
13K
Weekly Downloads
1K
Last Commit
1mo ago

@radix-ui/react-avatar

An open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @modulz.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
19K
Last Commit
1mo ago
ria

react-initials-avatar

Minimal initials avatar component for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
2
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
3
Weekly Downloads
20
Last Commit
1yr ago
ava

@react-md/avatar

React material design - An accessible React component library built from the Material Design guidelines in Sass

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
2K
Last Commit
1mo ago

@workday/canvas-kit-react-avatar

Development kits to implement UI following the Workday Canvas Design System (https://design.workday.com). See our Component Storybook -

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
191
Weekly Downloads
420
Last Commit
2mos ago

@availity/avatar

React components using Availity UIKit and Bootstrap 4

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
38
Weekly Downloads
64
Last Commit
1mo ago

@webex/react-container-presence-avatar

React components and Redux modules for embedded Webex Teams

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
69
Weekly Downloads
413
Last Commit
2mos ago

@syncfusion/ej2-react-layouts

Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
200
Weekly Downloads
1K
Last Commit
1mo ago
rae

react-avatar-edit

👤 Load, crop & preview avatar with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
432
Weekly Downloads
10K
Last Commit
4mos ago

@welcome-ui/avatar

Customizable design system of @wttj with react • styled-components • styled-system • reakit

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
397
Weekly Downloads
303
Last Commit
2mos ago

@progress/kendo-react-layout

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
105
Weekly Downloads
17K
Last Commit
4mos ago
ava

avataaars

React component for avataaars

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
602
Weekly Downloads
2K
Last Commit
5mos ago
ava

@atlaskit/avatar

An avatar is a visual representation of a user or entity.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
24K
Last Commit
N/A
ag

@atlaskit/avatar-group

An avatar group displays a number of avatars grouped together in a stack or grid.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
11K
Last Commit
N/A
rua

react-user-avatar

React component for a user avatar with fallback to colored initials

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
151
Weekly Downloads
3K
Last Commit
3yrs ago
rai

react-avatar-image-cropper

This is a slight component without any dependencies for cropping image

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
19
Weekly Downloads
2K
Last Commit
1mo ago
ava

@blaze-react/avatar

Avatar is the graphical representation of the user or the user's alter ego or character.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
638
Last Commit
N/A
ga

gravatar-api

module to build image and profile urls for gravatar.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
526
Last Commit
5yrs ago
jg

js-gravatar

A generic library to fetch users gravatar image or generate a custom one if none is found.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
412
Last Commit
2yrs ago
rac

react-avatar-cropper

Aiming to be a complete solution for avatar cropping in react.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
284
Weekly Downloads
228
Last Commit
3yrs ago
ri

react-initial

react component to make Gmail like text avatars for profile pictures

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
154
Last Commit
2yrs ago
rau

react-avatar-uploader

A React Component for uploading avatar to the server

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
14
Weekly Downloads
73
Last Commit
2yrs ago
rae

@stepclub/react-avatar-editor

Small avatar & profile picture component. Resize and crop uploaded images using a intuitive user interface.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
2
Last Commit
5mos ago
sa

smak-avatar

React avatar component library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
12
Last Commit
1yr ago

@airmeet/react-initial

react component to make Gmail like text avatars for profile pictures

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
8
Last Commit
2yrs ago

@redtea/always-avatar

No avatar? - No problem! Let`s generate it!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
7
Last Commit
3yrs ago
ava

@kalamazoo/avatar

A component that represents a user.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
6
Last Commit
N/A
ava

@knkui/avatar

React components for building web experiences

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
4
Last Commit
N/A
rsa

react-simple-avatar

A simple & flexible component for showing avatar.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
0
Last Commit
N/A

react-avatr

An avatar component built with and for ReactJS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
11
Weekly Downloads
0
Last Commit
6yrs ago