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

• Astro — static site framework
• Tailwind CSS v4 — styling
• TypeScript — generator logic and word banks
• Cloudflare Workers — hosting/deployment via Wrangler

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.