Create Pixel Art Faces In React

A React component to create random or custom pixel face cards.

How to use it:

1. Install & import.

# Yarn
$ yarn add react-pixelart-face-card

# NPM
$ npm i react-pixelart-face-card
import { PixelArtCard } from 'react-pixelart-face-card'

2. Create a random pixel face card.

<PixelArtCard random={true} size={150} tags={['human-female','human-male']}/>

3. Create a custom pixel face with customizable hair, eyes, nose, beard, mouth, accessories, etc.

<PixelArtCard color={'#efd0c9'}  size={150} tags={[ 'human-male']} hover={true} hoverColor={'red'}>
  <PixelArtCard.Hair color='brown' />
  <PixelArtCard.HeadAccessory  />
  <PixelArtCard.Eyes />
  <PixelArtCard.EyesAccessory/>
  <PixelArtCard.EarAccessory/>
  <PixelArtCard.Nose />
  <PixelArtCard.Beard />
  <PixelArtCard.Mouth/>
  <PixelArtCard.MouthAccessory />
  <PixelArtCard.NeckAccessory value='neck-accessory-3'  color='blue'/>
</PixelArtCard>

4. Create a custom pixel face with custom values.

<PixelArtCard color={'#efd0c9'}  size={150} tags={[ 'human-male']} hover={true} hoverColor={'red'}>
  <PixelArtCard.Hair color='black' />
</PixelArtCard>

Preview:

Create Pixel Art Faces In React

Download Details:

Author: decades404

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/decades404/react-pixelart-face-card

License: MIT

You Might Be Interested In:

Tags:

Add Comment