German Ipsum Generator
Generate text with ultra-long German compound nouns to test CSS overflow, container wrapping, and responsive breakpoints.
Options
01.How the German Layout Stress-Tester Works
- Choose a compound word complexity. Low and Medium use everyday vocabulary; High mixes in long compound nouns of up to 80 characters.
- Pick a dialect pool: Standard Hochdeutsch, Bavarian (Servus, Schmarrn), or Austrian (Oida, Schmäh).
- Text is generated entirely in your browser. The output panel is marked
lang="de", so browsers and screen readers treat it as German. - Paste the text into your component to find overflowing containers, unwanted horizontal scrollbars, and squeezed columns at different screen sizes.
02.Why German Text Breaks Layouts, and the CSS That Fixes It
Most English and Latin words are under 10 characters, so placeholder text built from them wraps neatly and rarely pushes on a container’s edges. German joins nouns into single compound words that can run past 40 characters, and one of those can force a horizontal scrollbar, stretch a grid column, or push a button label outside its box. The usual defenses are min-width: 0 on flex and grid children, overflow-wrap: anywhere, and hyphens: auto combined with a lang attribute.
/* 1. Let flex children shrink below their content width */
.card > .card-body {
min-width: 0;
}
/* 2. Break long words, preferring hyphenation where the browser supports it */
.i18n-text,
[lang="de"] {
overflow-wrap: anywhere;
hyphens: auto;
}
/* 3. Grid columns that can shrink on narrow screens */
.grid-container {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}03.Where Your Data Goes
Nowhere. This tool runs entirely in your browser: what you paste or generate is processed in this tab and is never uploaded or stored. The page is also served with a Content Security Policy that limits which servers it can contact.See how to check this yourself →
04.Frequently Asked Questions
Why doesn’t standard lorem ipsum catch these layout bugs?
Latin and English words rarely exceed 15 characters. German builds compound nouns by joining words into one unbroken string (for example Donaudampfschifffahrtselektrizitätenhauptbetriebswerkbauunterbeamtengesellschaft). Fixed-width containers and columns that look fine with Latin can overflow as soon as real German text arrives.
What causes the Flexbox min-width: auto blowout?
Flex items default to min-width: auto, which means they won’t shrink narrower than their longest unbreakable word. Put a 45-character German word inside one and the item refuses to shrink, pushing its parent wider and causing a horizontal scrollbar. Setting min-width: 0 on the item fixes it.
Which long compound nouns does the generator use?
With High complexity selected, the generator mixes in real German administrative, legal, and technical terms, including Rindfleischetikettierungsüberwachungsaufgabenübertragungsgesetz (63 characters), Verkehrsinfrastrukturfinanzierungsgesellschaft (46 characters), and Donaudampfschifffahrtselektrizitätenhauptbetriebswerkbauunterbeamtengesellschaft (80 characters).
How does hyphens: auto interact with the lang="de" attribute?
For hyphens: auto to work, the browser has to know which hyphenation dictionary to use, and it takes that from the lang attribute. Inside an element with lang="de", the browser finds German syllable boundaries and adds a hyphen wherever it breaks a word. You can also insert soft hyphens (­) to suggest break points yourself.
Can I use this text in Storybook or visual regression tests?
Yes. Pasting German compound text into a dedicated Storybook story, or into the fixtures for a Playwright or Chromatic visual test, gives you a repeatable check that a component still holds up with long words.