Ridiculously simple and lightweight placeholders

A free placeholder service designed for developers. Integrates seamlessly with React & NextJS.

CDN

How do you want to use PlaceholderJS?

or

Using the CDN

To use PlaceholderJS via the CDN for simplicity and/or compatibility with non-JS tools, image placeholders must have a height and width defined.

Size

REQUIRED

Specify the size of the placeholder image by adding the width and height to the URL. Here is an example of how that works for a 500 x 500 image.

Text

OPTIONAL

Specify custom text in the placeholder image by adding your text to the URL. Here is an example of how that works for Hello World!. Use a + character for spaces.

Text Color

OPTIONAL

Specify the text color by adding color= to the URL. For now, we only support HEX values or named values (e.g. white). Since we can't use # for the color code, you must use an underscore _ before the HEX code.

Background Color

OPTIONAL

Specify the background color by adding background= to the component. For now, we only support HEX values or named values (e.g. white). Since we can't use # for the color code, you must use an underscore _ before the HEX code.