Buy Me a Coffee at ko-fi.comBuy Me a Coffee at ko-fi.com

Your prototyping toolkit

<DummyContent/>

Free Dummy Content Generator

Dummy content is the placeholder text, images and media used to fill a design while the real content is still being written. This free generator produces all three — dummy images from a plain URL, dummy text in English and Spanish, and embeddable dummy iframes — with no sign-up, no limits and no attribution required.

Explore the tools

01 — TOOLS

Three dummy content generators

02 — THE STORY

Everything you need to know about content that doesn't need to say anything.

01

What is dummy content?

Dummy content — also called placeholder content or filler content — is any text, image or media that stands in for the real thing while a website, an app or a print layout is being designed. It carries no meaning of its own. Its only job is to occupy the same space the final content will occupy, so that everyone looking at the design judges the layout instead of the copy.

The term covers several things that are usually named separately. Dummy text is the classic lorem ipsum paragraph. Dummy images are the grey rectangles with their own dimensions printed across them, or the stock landscapes and round avatars that make a mockup feel closer to finished. Dummy data is the invented names, dates, prices and records that make a table or a dashboard look plausible. All of it is dummy content.

Dummy content is deliberately disposable. It exists to be replaced, and a good placeholder makes its own replacement obvious: nobody ever shipped a page with "Lorem ipsum dolor sit amet" in the headline without someone noticing first.

02

Why do we use dummy content?

The practical reason is timing. Real content is almost never ready when the design is. Waiting for approved copy, licensed photography and a populated database before anyone can look at a layout would stall most projects before they start, so designers fill the slots with dummy content and keep moving.

The second reason is less obvious and matters more. Readable copy is distracting. When a stakeholder reviews a mockup full of real sentences, they read the sentences and comment on the wording — not on the hierarchy, the spacing or the rhythm of the page. Meaningless filler pushes attention back to the design itself. That is precisely why lorem ipsum, which looks like Latin but says nothing, has outlived five centuries of typesetting technology.

Dummy content is also a stress test. A card component that looks perfect with a six-word title breaks with a forty-word one; a grid that is elegant with four images collapses with thirteen. Generating placeholder text at a specific word or character count, and placeholder images at a specific aspect ratio, is how you find those breaking points before real users do.

03

Where does dummy content come from?

The best known form of dummy content is lorem ipsum, a scrambled passage of Latin taken from Cicero's De finibus bonorum et malorum, written in 45 BC. An unknown printer in the 1500s shuffled its words to make a type specimen sheet, and the same scrambled text has been reused ever since — first in letterpress specimens, then on Letraset transfer sheets in the 1960s, then in desktop publishing software from the 1980s onward, and finally in every design tool on the web.

Dummy images arrived much later, with the browser. An <img> tag needs a source long before the photograph exists, so placeholder image services appeared: URLs that return a generated image at whatever size you ask for. Dummy iframes and dummy data followed the same logic, one slot at a time. Dummy content today is simply the union of all those traditions — filler for every kind of hole a page can have.

04

What kinds of dummy content can you generate here?

This site covers the three kinds of placeholder that a typical layout needs, and each one is a separate tool. Everything runs on demand: nothing is stored, nothing is queued and there is no account to create.

Dummy images

The dummy image generator builds an SVG in memory and serves it from a parametrized URL, so you can paste that URL straight into an <img> tag, a CSS background or a Figma frame. You choose the width and height in pixels, the background and text colours, and one of four designs: a solid colour block with the dimensions written across it, a landscape illustration, a user avatar, or a generated texture. Landscapes, avatars and textures each ship with six variants.

Dummy text

The dummy text generator produces lorem ipsum in English or Spanish, sized the way you actually need it: by total word count or by total character count, split across as many paragraphs as you want. Every paragraph is capitalised and punctuated like real prose, and you can wrap the output in <p> tags if you are pasting it into HTML rather than into a design tool.

Dummy iframes

The dummy iframe generator gives you a complete embeddable page instead of a single asset — useful when you need to fill an embed slot, test an iframe container or demo a widget. There are four layouts: an article, an article with a hero image, a grid of images and a list of cards. Each one is generated with dummy text and dummy images from the other two tools, so the result looks like a real page rather than a grey box.

05

How to use the dummy image URL

The image generator is designed to be used without visiting the site at all. The path carries every parameter, so once you know the shape of the URL you can write it by hand:

A 600×400 placeholder with a light grey background and dark grey text

<img src="https://dummycontent.app/api/image/600x400/eeeeee/333333" alt="" />

A landscape design, no text overlay

<img src="https://dummycontent.app/api/image/1200x630/eeeeee/333333?design=landscape&landscape=waterfall" alt="" />

A 64×64 round avatar for a dummy author byline

<img src="https://dummycontent.app/api/image/64x64/e0e0e0/555555?design=user&user=style-3" alt="" />
FAQ

Dummy content FAQ

What is dummy content?
Dummy content is placeholder text, images and media used during web development and design prototyping to stand in for content that does not exist yet. It has no meaning of its own — it exists to fill the space the real content will occupy, so a layout can be reviewed before the copy and photography are ready. DummyContent.app generates all the common kinds for free: placeholder images, lorem ipsum text and embeddable iframes.
How do I generate a placeholder image?
Use the Dummy Image Generator at dummycontent.app/images. Set the dimensions, background colour, text colour and design style, and you get a URL you can drop straight into an <img> tag. The URL follows the pattern /api/image/{width}x{height}/{background}/{text}, so you can also write it by hand without opening the site — for example /api/image/600x400/eeeeee/333333.
Is DummyContent.app free to use?
Yes. Every tool on DummyContent.app is completely free, with no registration, no account, no rate limit and no attribution required. The generated dummy content can be used in commercial projects.
What types of dummy content can I generate?
Three types. Placeholder images in any size, in four design styles — solid colours, landscape illustrations, user avatars and generated textures — each with six variants. Lorem ipsum text in English and Spanish, sized by word count or character count and split into any number of paragraphs. And embeddable iframes containing realistic articles, image grids and card lists built from that same dummy text and imagery.