A
V
V
V
ATARS
Free UI
Avatars
for Your Next Project
Get placeholder avatars unique to your user.
v0.4.2
Easy to Use
40 Unique Colors
Lightweight
Accesible
60 Unique Shapes
Customizable
1
Install package
It weighs less than 100kb
yarn add avvvatars-react
2
Import it to Your React Component
Make sure it's placed at the top
import Avvvatars from 'avvvatars-react'
3
Enjoy!
Call it from anywhere
<Avvvatars value="tim@apple.com" />
OK
NA
GH
Characters
Pass your user name and get an unique avatar with characters, colors are carefully crafted.
AB
UC
SK
JH
TC
DC
WI
RD
OK
BK
ST
MI
NA
AT
RK
LO
EB
EK
ZG
KF
AS
AC
OE
RQ
import Avvvatars from 'avvvatars-react'
export default function MyAvatar() {
return (
<Avvvatars value="tim@apple.com" />
)
}
return (
<Avvvatars value="tim@apple.com" />
)
}
import Avvvatars from 'avvvatars-react'
export default function MyAvatar() {
return (
<Avvvatars style=”shape” value="tim@apple.com" />
)
}
return (
<Avvvatars style=”shape” value="tim@apple.com" />
)
}
Shapes
Use sweet shapes for your placeholder avatars
Users
482
EL
Elon Musk
elon@tesla.com
TI
Tim Cook
tim@apple.com
Collaboration
6
OK
NA
Oh sorry... Here is what it is.
We used open-source shapes and unique colors.
Just enjoy with them!
Just enjoy with them!
Thanks for amazing shapes 🙏 Monika Michalczyk
© 2022 Avvvatars
Built by
NA
Nusu Alabuga
twitter.com/nusualabuga
OK
Oguz Yagiz Kara
twitter.com/oguzyagizkara