This Lorem Ipsum Generator is a single-file web application that runs entirely in your browser. You have two options:

• Direct File Open: Simply double-click index.html to open it in your default browser.
• Local Server: For a more production-like environment, run a local server:
  • Python: python -m http.server 8000
  • Node.js: npx http-server -p 8000
  • PHP: php -S localhost:8000

No installation, no dependencies, no build process required!

Short answer: Only for the first load.

Long answer: The application loads Tailwind CSS and Google Fonts from CDN on first visit. After that, your browser caches these assets, and the app works 100% offline.

This application requires a modern browser with support for:

• ES6+ JavaScript (arrow functions, template literals, const/let)
• CSS Grid & Flexbox
• LocalStorage API
• Clipboard API (for copy function)
• CSS backdrop-filter (for glassmorphism effects)

Tested on: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+

Yes! The application is fully responsive with optimized layouts for all screen sizes:

• Desktop (>1024px): Full sidebar + main content
• Tablet (768-1024px): Collapsible sidebar with hamburger menu
• Mobile (<768px): Stacked layout with touch-optimized buttons

All features work on mobile, though some complex features (like Batch Generation) are easier to use on larger screens.

LoremPro offers 6 specialized themes for different use cases:

Choose your output type based on your needs:

• Words (10-500): Individual words separated by spaces. Best for: headlines, tags, short labels.
• Sentences (1-50): Complete sentences with proper capitalization and punctuation. Best for: product descriptions, short content blocks.
• Paragraphs (1-20): Full paragraphs with 3-6 sentences each. Best for: blog posts, long-form content, articles.

The slider automatically adjusts its range when you switch between types.

Yes! Use the Advanced Options section to add:

• Prefix Text: Added at the beginning (e.g., "Introduction: ")
• Suffix Text: Added at the end (e.g., " - End of Content")
• Text Transform: Capitalize, uppercase, lowercase, or title case
• Custom Separator: Change the separator between words/sentences

These options give you precise control over the final output format.

The limits vary by type:

• Words: 10 to 500 words
• Sentences: 1 to 50 sentences
• Paragraphs: 1 to 20 paragraphs (each with 3-6 sentences)

These limits are designed to cover 99% of use cases while maintaining good browser performance. For extremely large content needs, use Batch Generation to create multiple variations.

Not through the UI, but you can easily modify the code. Since this is a single-file application, adding a custom theme is straightforward:

1. Open index.html in a text editor
2. Find the TextThemes object (around line 991)
3. Add your custom word bank following the existing format
4. Add a button in the theme selection grid (around line 554)
5. Save and reload the page

See the CLAUDE.md file (section: "Add New Text Theme") for detailed instructions.

LoremPro supports 8 output formats for maximum flexibility:

The preview panel offers 3 view modes:

• Preview: Rendered formatted text with typography styling
• Code: Raw source code (HTML, Markdown, JSON, etc.)
• Split: Side-by-side view showing both preview and code

Switch between modes using the buttons above the preview area. You can also adjust font size with the +/- controls.

You have 4 action buttons below the preview area:

• 📋 Copy: Copy to clipboard (uses Clipboard API)
• 💾 Download: Save as file with appropriate extension (.txt, .html, .md, .json, etc.)
• 📱 Share QR: Generate QR code for mobile sharing
• 🔄 Clear: Clear the preview area

The downloaded file will automatically use the correct extension based on your selected output format.

The Share QR button generates a QR code encoding your generated text. This is useful for:

• Quickly transferring text to mobile devices
• Sharing placeholder content with team members
• Embedding mockup text in presentations

Simply scan the QR code with your phone's camera app, and the text will be accessible. The QR code is generated entirely in your browser - no data is sent to external services.

These are two different organizational systems:

Key difference: History saves outputs, Presets save settings.

The application stores your last 20 generations in history. When you generate the 21st item, the oldest entry is automatically removed.

This limit ensures:

• Optimal browser localStorage usage (typically 5-10MB total)
• Fast load times and UI responsiveness
• Recent work remains easily accessible

Tip: If you want to preserve a specific generation permanently, save it as a Preset instead.

The sidebar includes a search box at the top of the history section. Simply type to filter history items by:

• Generated text content (partial matches)
• Theme name (e.g., "tech", "business")
• Tags (if you've added them)

The search is instant and case-insensitive, filtering results as you type.

Tags help you categorize and find history items:

1. Right-click any history item to open the context menu
2. Select "Add Tag"
3. Enter tag names separated by commas (e.g., "project-alpha, homepage, urgent")
4. Tags appear as colored badges on the history item

You can then search by tag name in the search box to filter your history. Tags are stored in localStorage and persist across sessions.

Yes! Use the Bulk Operations feature:

1. Click the checkbox icon at the top of the sidebar to enter bulk selection mode
2. Click checkboxes next to items you want to delete
3. Click the "🗑️ Delete Selected" button
4. Confirm the action in the dialog

You can also use "📦 Export Selected" to save multiple items to a ZIP file before deleting them.

Batch Generation creates multiple text variations simultaneously. Perfect for A/B testing, content options, or bulk mockups.

How to use:

1. Scroll to the Batch Generation section
2. Choose number of variations (2-100)
3. Select variation strategy:
   • Same Settings: Same theme/length, different random text
   • Different Themes: Randomly vary the theme
   • Different Lengths: Randomly vary the length
4. Click "🚀 Generate Batch"
5. Watch the progress bar as variations are created
6. Export as ZIP, combined file, or JSON

Workspaces let you organize history and presets by project or context. Each workspace has its own isolated history and presets.

Use cases:

• Separate client projects (Client A, Client B)
• Different content types (Website, Mobile App, Email)
• Team members sharing one computer
• Personal vs. professional use

Click the workspace dropdown in the sidebar to create, switch, or delete workspaces. All data is stored in localStorage with workspace prefixes.

The Comparison Mode displays multiple generations side-by-side:

1. Generate text or select from history
2. Right-click the history item and choose "Add to Comparison"
3. Repeat for 2-4 items you want to compare
4. Click the "⚖️ Compare" button in the sidebar
5. View all items side-by-side with statistics (character count, word count, theme)

Perfect for choosing between variations or analyzing different theme outputs.

The Command Palette is a searchable list of quick actions inspired by VS Code and modern IDEs.

How to open:

• Press ⌘K (Mac) or Ctrl+K (Windows)
• Click the "⌘ Commands" button in the header

Available commands (11 total):

Type to filter commands, use arrow keys to navigate, press Enter to execute.

All data is stored in your browser's localStorage. This means:

• ✅ Privacy: Zero data leaves your device, no server uploads
• ✅ Offline: Works without internet after first load
• ✅ Instant: No network latency
• ⚠️ Browser-specific: Data doesn't sync across browsers/devices
• ⚠️ Clearable: Clearing browser data deletes localStorage

To view your data, open DevTools → Application → Local Storage → file:// (or localhost)

Common causes and solutions:

LoremPro supports these keyboard shortcuts (work on both Mac and Windows):

More shortcuts may be added in future updates based on user feedback.

Yes, absolutely! After the first load, this application works 100% offline.

How it works:

1. First visit: Browser downloads index.html, Tailwind CSS, and Google Fonts from CDN
2. Browser caching: These assets are cached automatically
3. Subsequent visits: App loads instantly from cache, no internet needed

All text generation happens client-side using JavaScript, so no server is ever contacted during use.