Lorem Ipsum Generator
A fast, client-side Lorem Ipsum generator built with Astro and Tailwind CSS. Generate placeholder text by paragraphs, sentences, words, an exact character count, or short-form titles/captions/names — in classic Latin, one of five themed word banks, or your own pasted text — and export it as plain text, HTML, or Markdown.
Live site: https://loremmaker.com
Features
- Multiple output units — generate by paragraphs, sentences, words, an exact character count, or short-form titles, captions, and names
- Six word banks + custom — Classic Latin, Corporate, Tech/Startup, Foodie, Cat, Funny, or paste your own passage as a custom source
- Text case options — Sentence, lower, UPPER, or Title Case
- Export formats — copy as plain text, HTML (
<p>-wrapped), or Markdown
- Per-segment copy — copy an individual paragraph, sentence, title, caption, or name, not just the full output
- Live word/character counts — updates instantly as you configure the output
- One-click copy — Clipboard API with a visible confirmation state
- Keyboard shortcut —
⌘/Ctrl + Enter to regenerate
- No page reloads, no sign-up — everything runs client-side in the browser
- SEO-ready — sitemap, meta tags, and dedicated FAQ/About/Contact pages
Tech Stack
Project Structure
/
├── public/ # Static assets, favicons, robots.txt, manifest
├── src/
│ ├── components/ # Hero, Generator, Navbar, Themes, FAQ, About, Footer, SEOContent
│ ├── layouts/ # PageLayout.astro
│ ├── lib/ # generator.ts, wordBanks.ts, faqs.ts
│ ├── pages/ # index, about, contact, privacy-policy, terms, 404, 500
│ └── styles/ # global.css
├── astro.config.mjs
├── wrangler.jsonc
└── package.json
Getting Started
# Install dependencies
npm install
# Start the local dev server (http://localhost:4321)
npm run dev
# Type-check and build for production
npm run build
# Preview the production build locally
npm run preview
# Run the unit tests
npm test
Commands
| Command | Action |
|---|
npm run dev | Start local dev server at localhost:4321 |
npm run build | Build the production site to ./dist/ |
npm run preview | Preview the production build locally |
npm test | Run the unit test suite with Vitest |
npm run astro ... | Run Astro CLI commands (e.g. astro check) |
npm run deploy | Build and deploy to Cloudflare Workers via Wrangler |
npm run cf:dev | Run the site locally through the Wrangler dev runtime |
Deployment
The site is deployed to Cloudflare Workers. Configuration lives in wrangler.jsonc; running npm run deploy builds the Astro site and publishes it with Wrangler.
