Lorem Ipsum Generator

What this generator builds, and why hand-typed filler misleads

The page holds the short list of Latin words that centuries of typesetters have reused, picks from it at random, and joins 8 to 16 of them into a sentence with a capital at the front and a period at the end. As many sentences as you ask for make a paragraph, and the paragraphs are separated by a blank line. Nothing is fetched and nothing is stored: every press of Regenerate produces a fresh block in your own browser.

The reason to use Latin rather than something you type yourself is that hand-made filler lies about the shape of the text. A row of asdf asdf asdf gives every word the same length, so the ragged right edge of a column comes out unnaturally even and you never see the awkward break that a real ten-letter word will cause. Repeating one paragraph five times is worse, because every card in the grid ends up exactly the same height and the layout looks stable when it is not. The Latin list has mostly short words with a scattering of long ones, which is close enough to English prose that line breaks, hyphenation and the last line of a paragraph behave plausibly.

Pasting real marketing copy fails for the opposite reason. The moment there are readable sentences on the screen, the review turns into an argument about the words, and nobody looks at the leading again.

Which mode, format and size to pick

• Latin Lorem Ipsum: the default, and the right choice for any interface that will ship in a European language.
• Chinese filler: random common characters with full-width punctuation. Latin badly misrepresents a CJK block, which has no spaces between words and breaks lines between characters, so use this when you are checking line height and measure in a Chinese, Japanese or Korean layout.
• Plain text: design tools, slide decks and documents, where the app applies its own formatting.
• Markdown: a CMS field, a README, an MDX file. Tick Add a "## Lorem Ipsum" heading when you also need a heading to style.
• HTML: paragraphs already wrapped in <p> for a static prototype or an email template.
• JSX: the same paragraphs inside a fragment, ready to paste into a React component without reformatting.
• Sizes worth memorizing: 1 paragraph of 1 sentence for a card subtitle or a hero deck, 1 by 2 for a list item, 3 by 4 for a typical article intro, and 15 by 6 when you want a long scroll to test sticky headers and a table of contents.

How to fill a mock-up or a component

1. Decide roughly how long the real copy will be, then set the paragraph and sentence counts a little above it. Designing against the shortest plausible text is how layouts break in production.
2. Pick the output format for wherever the text is going: plain text for a design tool, JSX for a component, Markdown for a content file.
3. Press Copy and paste it in. The output box is read-only, so select a single paragraph by hand when you want less than the whole block.
4. Press Regenerate once per card or column rather than pasting the same block into each one, so the grid gets uneven heights and you find the alignment bug now instead of after launch.
5. Leave one real string in the design: an actual product name, an actual price, an actual date. Those are the values that overflow, and filler will never tell you.

How to stress test a layout with it

1. Start at the length you expect, confirm the component looks right, then raise the sentence count until the text is three times as long. A container with a fixed height will clip, and a card with a min-height but no overflow rule will spill over its neighbor.
2. Now go the other way: 1 paragraph of 1 sentence. Short text exposes collapsed cards, a footer that rides up the page and buttons that no longer line up across a row.
3. Narrow the browser to about 360px. Latin words are short, so if they already break badly here, a real German compound noun or a long URL certainly will.
4. Switch to Chinese filler and look again. CJK glyphs are full width and sit on a taller visual line, so a row that fitted in Latin often needs more line height.
5. Replace the filler with the longest real string you can find before you call the component done.

Getting the text where you need it

The Copy button puts the formatted block on your clipboard exactly as shown, including the blank lines between paragraphs and the tags if you chose HTML or JSX. The box itself is read-only, but you can still select part of it by hand when you only want one paragraph.

• Figma and other design tools: paste into a text layer with the layer in edit mode, otherwise the paragraph breaks are dropped. Fixed size text boxes need to be set to auto height first or the block is clipped silently.
• Code editors: paste JSX or HTML and let the formatter reindent it. If your editor is set to format on paste, the fragment will be reflowed to your line width automatically.
• A CMS or rich text field: choose Markdown or plain text. Pasting HTML into a rich text editor usually produces escaped tags shown as literal text.
• iPhone and iPad: tap Copy here, then press and hold in the destination field and tap Paste. iOS asks for permission the first time one app reads another app’s clipboard.
• Android: press and hold and choose Paste. Gboard keeps a clipboard history under the keyboard toolbar if you copied something else in between.
• Desktop: Ctrl+V on Windows and Linux, Cmd+V on Mac. Use Ctrl+Shift+V or Cmd+Shift+V to paste without formatting when the destination is trying to be helpful.

The same job in editors, code and word processors

Placeholder text is built into more tools than people expect, and reaching for the one already in front of you is usually faster than a round trip through a browser tab.

VS Code and any editor with Emmet expands lorem in an HTML file when you press Tab. A number sets the word count and the abbreviation composes with the rest of Emmet, so one line gives you a whole block:

lorem            -> 30 words
lorem10          -> 10 words
p*3>lorem20      -> three <p> elements, 20 words each

JavaScript and TypeScript projects that already have a fake data library get filler from the same import, which is the right answer for seed scripts and test fixtures:

import { faker } from '@faker-js/faker'
faker.lorem.paragraphs(3, '\n\n')
faker.lorem.sentences(4)

Python has the same idea in the Faker package, and paragraphs() returns a list rather than one string:

from faker import Faker
fake = Faker()
"\n\n".join(fake.paragraphs(nb=3))

LaTeX ships the classic passage as a package, where \lipsum[1-3] prints the first three paragraphs of the canonical text rather than a random one:

\usepackage{lipsum}
\lipsum[1-3]

Microsoft Word has hidden it in the autotext functions for years: type =lorem(3,4) on an empty line and press Enter for three paragraphs of four sentences, or =rand(3,4) for the same structure in English. The exact wording varies by Word version and language, so check what you get before you build a template around it. In design tools the feature is generally a plugin rather than something built in, and the available plugins change often enough that it is worth searching the current plugin directory rather than trusting a name you read somewhere.

Limits, privacy and honest caveats

What leaves your browser: nothing. The words are assembled on your device with Math.random() and the result is never uploaded, logged or stored. Nothing you type into the text area is sent anywhere either. That also means Math.random() is the wrong source for anything that needs to be unguessable, so never reuse this output as a password, token or test key.

Filler in an alt attribute is an accessibility bug. WCAG 2.1 asks for text alternatives that serve the same purpose as the image. Latin pasted into an alt, aria-label or page title is read aloud word by word by a screen reader, which is worse than an empty alt="" on a decorative image. The same applies to a lang attribute: a page marked lang="en" full of Latin or Chinese filler will be pronounced with the wrong voice.

It hides content-shaped problems. Lorem Ipsum has no links, no numbers, no names and no empty state. It will not tell you that a user with no bio leaves a hole in the card, that a price of 1,299.00 breaks the column alignment, or that a real headline is twice as long as the space you gave it. Filler is for typography and grid work; content design needs real or realistic strings.

The Chinese mode makes characters, not words. It draws from a pool of common characters at random, so the output is unreadable to a Chinese speaker by design. It is fine for measuring layout and wrong as sample data for search, sorting, translation work or anything a reviewer is meant to read.

Make sure it does not ship. Filler escapes into production regularly, most often through a meta description, an image caption or a seeded database row. Grep the repository for lorem as part of your release checklist, and check the rendered page source rather than only the screen.