Mock Data Generator Guide

What it does

The Mock Data Generator produces realistic fake JSON for blog posts, users, and products with believable names, dates, and relationships. Optionally wrap output in a REST API response envelope so frontends can prototype against familiar pagination shapes. Everything generates locally in your browser — no API calls and no data leaves your device.

When to use it

• Prototyping UI before the backend API is ready
• Populating Storybook stories and demo environments with consistent data
• Testing list views, detail pages, and empty states with varied record counts
• Load-testing table rendering with hundreds of rows using reproducible seeds
• Creating sample payloads for API documentation or client SDK examples

How to use it

1. Select a template: posts, users, or products.
2. Set the record count and an optional seed for reproducible datasets.
3. Toggle the REST envelope if your frontend expects paginated API responses.
4. Preview the generated JSON in the output panel and adjust count or seed as needed.
5. Copy JSON to clipboard or share a URL that encodes your configuration.

Tips

• Use a fixed seed when writing visual regression tests — the same seed always produces identical records.
• Start with small counts (5–10) for layout work, then scale up to stress-test scrolling performance.
• Enable the REST envelope early if your components expect `{ data, meta }` shapes rather than bare arrays.
• Combine with the JSON Viewer to explore nested fields in the generated structure.

FAQ