Runs locally in your browser — data never leaves this device.
Template
Output
JSON
[
{
"id": 1,
"title": "Amet sed adipiscing ipsum consectetur dolor adipiscing",
"body": "Dolor sed elit sit ipsum consectetur adipiscing adipiscing lorem amet sed lorem consectetur lorem. Lorem ipsum elit consectetur lorem ipsum sed amet sed sit amet lorem lorem. Consectetur dolor adipiscing dolor sit elit sed consectetur dolor dolor dolor lorem adipiscing adipiscing adipiscing. Lorem do amet do ipsum ipsum lorem sit amet adipiscing sed lorem elit do dolor elit ipsum.",
"createdAt": "2026-05-30T20:30:36.377Z",
"avatarUrl": "https://i.pravatar.cc/150?u=42-0"
},
{
"id": 2,
"title": "Ipsum do consectetur do amet consectetur sit consectetur",
"body": "Dolor amet sed adipiscing do sed amet consectetur dolor ipsum adipiscing sit elit do lorem amet. Ipsum do ipsum elit adipiscing dolor amet ipsum adipiscing sit dolor adipiscing sed sit elit sit. Sed sit lorem elit adipiscing sed do dolor adipiscing amet ipsum lorem.",
"createdAt": "2026-05-25T07:08:26.133Z",
"avatarUrl": "https://i.pravatar.cc/150?u=42-1"
},
{
"id": 3,
"title": "Dolor dolor sit lorem dolor do consectetur do",
"body": "Consectetur dolor sit amet amet adipiscing sit sit sed sit amet adipiscing consectetur. Dolor sit dolor sit adipiscing dolor ipsum adipiscing sit ipsum sit lorem consectetur dolor amet. Elit do sed amet ipsum sed consectetur sed sed amet ipsum adipiscing sed dolor.",
"createdAt": "2026-06-03T18:35:40.130Z",
"avatarUrl": "https://i.pravatar.cc/150?u=42-2"
},
{
"id": 4,
"title": "Do amet sed sed elit lorem lorem",
"body": "Adipiscing elit do sed adipiscing sed sed consectetur sit amet sed adipiscing sit do adipiscing. Sed ipsum sit lorem lorem adipiscing elit do sed amet elit ipsum dolor. Lorem dolor amet consectetur elit elit elit ipsum adipiscing consectetur amet amet.",
"createdAt": "2026-06-01T16:36:52.602Z",
"avatarUrl": "https://i.pravatar.cc/150?u=42-3"
},
{
"id": 5,
"title": "Sit sit ipsum consectetur dolor consectetur",
"body": "Amet ipsum lorem ipsum do lorem sed amet consectetur lorem sed lorem sit dolor elit. Lorem do elit adipiscing elit consectetur sed consectetur ipsum lorem lorem lorem dolor adipiscing adipiscing. Do lorem sit sit dolor sed consectetur dolor do do dolor consectetur sed do adipiscing. Sed sit amet elit consectetur adipiscing consectetur consectetur do do elit sit adipiscing adipiscing sed.",
"createdAt": "2026-06-03T20:36:25.499Z",
"avatarUrl": "https://i.pravatar.cc/150?u=42-4"
}
] 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
- Select a template: posts, users, or products.
- Set the record count and an optional seed for reproducible datasets.
- Toggle the REST envelope if your frontend expects paginated API responses.
- Preview the generated JSON in the output panel and adjust count or seed as needed.
- 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
Can I reproduce the same data?
Yes. Enter a fixed seed value and the generator will produce identical datasets every time.
Is generated data sent anywhere?
No. All generation happens locally in your browser.
Can I add custom fields?
Templates ship with predefined schemas. For arbitrary JSON shapes, edit the output manually or extend in your project.
How is this different from Lorem Ipsum?
Mock Data produces structured JSON objects. Lorem Ipsum generates placeholder prose for typography and layout.