React-Humaaans

Humaaans.com for React

Install

npm install --save react-humaaans

Usage

import { Sitting1, Standing2 } from 'react-humaaans';
 
const StandingExample = () => (
  <Standing2
    height={200}
    hairColor="#000000"
    skinColor="#FDA7DC"
    shoeColor="#0000EE"
    pantColor="#FF44EA"
    shirtColor="#FFAB11"
    coatColor="#FF0E11"
    hatColor="#FFFFEE"
  />
);
 
const SittingExample = () => (
  <Sitting1
    height={200}
    hairColor="#000000"
    skinColor="#FDA7DC"
    shoeColor="#0000EE"
    pantColor="#FF44EA"
    shirtColor="#FFAB11"
    coatColor="#FF0E11"
    objectColor="#FFA011"
    hatColor="#FFFFEE"
    wheelchairColor="#FFBBEE"
  />
);

Components

All the components are SVG illustrations.

Available components (visible here : https://www.dropbox.com/sh/grfucsjeaxe811s/AACNqTXfYZBrhRLcq29v_gpla/Flat Assets/Humaaans?dl=0&subfolder_nav_tracking=1) :

• Sitting1

• Sitting2

• Sitting3

• Sitting4

• Sitting5

• Sitting6

• Sitting7

• Sitting8

• Standing1

• Standing2

• Standing3

• Standing4

• Standing5

• Standing6

• Standing7

• Standing8

• Standing9

• Standing10

• Standing11

• Standing12

• Standing13

• Standing14

• Standing15

• Standing16

• Standing17

• Standing18

• Standing19

• Standing20

• Standing21

• Standing22

• Standing23

• Standing24

• More Humaaans components coming soon...

Example

See https://github.com/jzarca01/react-humaaans-example

Credits

All graphic illustrations are made by Pablo Stanley