react-lorem-image icon indicating copy to clipboard operation
react-lorem-image copied to clipboard

Placeholder images for your React prototypes.

Lorem Image Build Status npm version

Fill Murray

Placeholder images for your React prototypes.

Implemented services:

  • http://www.nicenicejpg.com/
  • http://www.fillmurray.com/
  • https://placekitten.com/
  • http://www.placecage.com/
  • http://www.stevensegallery.com/
  • http://placevaughnandfranco.it/
  • http://placebear.com/
  • http://beerhold.it/

...all with the option to: http://mustachify.me/ !

Usage

import LoremImage from 'react-lorem-image';

class Demo extends React.Component {
  render() {
    return (
      <LoremImage type='murray' mustache={ true } width={ 300 } height={ 300 } />
    );
  }
}

#Component API

<LoremImage
  type={ string }       // Optional - One of (See implemented services below.)
                        //            A random type will be selected if empty
  width={ ?number }     // Optional - Defaults to 200
  height={ ?number }    // Optional - Defaults to width
  mustache={ ?bool }    // Optional - Defaults to false
  color={ ?bool }       // Optional - Defaults to true.
                        //            NOTE: Not all services have color.
/>

Services / Types allowed:

  • vanilla - Nice Nice Jpg / Vanilla Ice.
  • kitten - Placekitten
  • murray - Fill Murray / Bill Murray
  • cage - Place Cage
  • segal - Steven Segal
  • bear - Bears!
  • vaughn - Vince Vaughn and Co-stars Pose for Idiotic Stock Photos
  • beerholder - a service for thirsty devs from beerhold.it

Contributions

Fell like there's missing a service? Want a feature added? Feel free to open an issue or add a pull request.