The five best animal-related placeholder websites

Web designers often use placeholder images to help with the design process. Much like lorem ipsum, placeholders give designers an idea of how their client's website will look before the final content is available.

Sometimes, it can be hard finding the right images to use. Instead of relying heavily watermarked stock photos, use one of these free animal-related services for your next design. Why animals? Because what client would say "no" to kitties and bears?

placekitten.com

Placekitten example

Placekitten.com is my personal favorite. It's been around for awhile, it's fast, and it hasn't disappeared like many others. It's simple to use. Just set your image's src attribute according to the width and height you need.

The following examples produce random kittens that are 300 pixels wide by 200 pixels tall.

<!-- color -->
<img src="http://placekitten.com/300/200">

<!-- grayscale -->
<img src="http://placekitten.com/g/300/200">

placebear.com

Placebear example

Not a fan of cats? Well, nobody's perfect. In that case, you can use placebear.com instead. The syntax is the same as placekitten:

<!-- color -->
<img src="http://placebear.com/300/200">

<!-- grayscale -->
<img src="http://placebear.com/g/300/200">

placeape.com

Placeape example

Starting to see a trend here? Placeape.com is another variation that will give you photos of non-human primates. Again, the syntax is the same:

<!-- color -->
<img src="http://placeape.com/300/200">

<!-- grayscale -->
<img src="http://placeape.com/g/300/200">

placebee.co.uk

Placebee example

This one is my second favorite, despite being fourth on the list. PlaceBee.co.uk aims to raise awareness about bee conservation. Thus, images of bees doing bee things are yours to hold places with. The syntax is a tiny bit different this time:

<!-- color -->
<img src="http://placebee.co.uk/300x200">

<!-- grayscale -->
<img src="http://placebee.co.uk/g/300x200">

baconmockup.com

Baconmockup example

Vegetarians, feel free to skip ahead. This next one is still animal-related, but instead of fuzzy kittens and bears you get a screen full of edible meat. To use placeholders provided by baconmockup.com, just create your images accordingly:

<img src="http://baconmockup.com/300/200">

Alas, there's no grayscale for this service. That's probably because bacon just doesn't taste the same in black and white.

Non-animal placeholder sites

Maybe you're looking for something a little less furry for your designs. Here are a few others you may like:

  • placehold.it - Great for more generic placeholder images. You can specify size, color, and text.
  • placebox.es - More generic placeholders. Specify size, colors, and text color.
  • placeskull.com - Skull placeholders for the rebel in you. You can specify size, color, and even which image to use.
  • fillmurray.com - Because the world needs more Bill Murray.

This list isn't supposed to be comprehensive, but if you know of an awesome placeholder service that isn't mentioned here, tell us below!

Author avatar

About the author

New Hampshirite building web apps in Florida. Creator of Surreal CMS, Postleaf, and DirtyMarkup.

Need to get in touch? Catch me on Twitter.