A free placeholder service designed for developers. Integrates seamlessly with React & NextJS.
How do you want to use PlaceholderJS?
To use PlaceholderJS via the CDN for simplicity and/or compatibility with non-JS tools, image placeholders must have a height and width defined.
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.
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.
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.
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.