Doodle Ipsum

2021/09/18 11:47
Illustration placeholders for developers. Powered by Blush
2 more properties
The lorem ipsum of illustrations. Just customize your doodles, grab the code, and use them on your web prototypes, landing pages, or no-code tools.
Illustration by Gustavo Pedrosa

How to use Doodle Ipsum

Embed a random image in your project with the following URL format:[width]x[height]/[category]


Specify dimensions by using [width]x[height] in the URL.
Only one dimension is required, for example to get an image 500px tall use
By default you will get a random image on every page load.
To get a static image, visit the link in your browser. It will redirect you to a static URL that you can use.
Tip: It forwards you to a URL with i=[imageId] - you can remove this to randomize the image again, or use the tool at the top of this page to generate the static link.

Use a Specific Category

Multiple random images

If you are placing multiple random images on a page, you may notice they appear all as the same image due to browser caching.
To ensure they are all unique, append a cache-bust parameter (such as n=1, n=2, n=3, etc) to the end of the URL.
<div style="display: flex; gap: 8px"> <img src="" /> <img src="" /> <img src="" /> <img src="" /> </div>
Plain Text

Advanced Features

Use Doodle Ipsum's advanced features by adding special query parameters.
To add parameters, a ? is added after the url, and an & is added in between each parameter.

Background Color

Get a circle with the shape=circle query parameter.
Tip: Also add a background color (otherwise the circle is invisible).


Get a grayscale image with the sat=-100 query parameter.

Use the Blush API on your own project

Doodle Ipsum is just an example of what you can do with the Blush API. Do you have a creative tool that also needs doodles? Get on the waitlist for when it’s launched.Get on the Waitlist