Page cover

😎Avatarkit

Make you user's pfp more cooler

Avatarkit is a pkg which provides a emoji pfp with respect to the provided string.

Note: This pkg can only be used with react projects.

Github: Avatarkit

NPM: poc-avatarkit

Getting Started

Getting started by installing the poc-avatarkit

Minimum requirements

  • react >= 18.2.0

  • typescript >= 5.1.6 ( if you use typescript )

Installation

Install avatar kit in your React project:

yarn add poc-avatarkit

Usage

Usage of Avatar in your project

//import ...
import Avatar from "poc-avatarkit";

export default function AvatarKit() {
//const ....
return (
//...
  <Avatar
   string="..."   //string - required
   emojiType="3d"   //flat || 3d - required
   size={69}   //value px, defalt value 24 - optional
   borderRadius={50}   //value %, defalt value 50 - optional
  />
//...
)

Demo 📽️

Last updated

Was this helpful?