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 + 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 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.
Override the default font size by adding fontSize= to the URL (in pixels). This ensures the text is displayed at the specified pixel size. For example: