react-creepyface

React-Creepyface ·

React-Creepyface is a React component for Creepyface.

Installation

npm i creepyface react-creepyface

react-creepyface uses creepyface as a peer dependency therefore both need to be installed.

Usage

import React from 'react'
import { render } from 'react-dom'
import Creepyface from 'react-creepyface'

render(
  <Creepyface
    src={`https://creepyface.io/img/nala/serious`}
    options={{
      hover: `https://creepyface.io/img/nala/hover`,
      looks: [
        { angle: 0, src: `https://creepyface.io/img/nala/0` },
        { angle: 45, src: `https://creepyface.io/img/nala/45` },
        { angle: 90, src: `https://creepyface.io/img/nala/90` },
        { angle: 135, src: `https://creepyface.io/img/nala/135` },
        { angle: 180, src: `https://creepyface.io/img/nala/180` },
        { angle: 225, src: `https://creepyface.io/img/nala/225` },
        { angle: 270, src: `https://creepyface.io/img/nala/270` },
        { angle: 315, src: `https://creepyface.io/img/nala/315` },
      ],
    }}
  />,
  document.getElementById('root')
)

Check out the stories for working examples.

Developing

• yarn dev will spin up the storybook.
• yarn build will generate the production scripts under the dist folder.