What data types can I generate?

Seven preset types: Users (name, email, phone, address, company, role), Products (SKU, name, category, price, stock, rating), Blog Posts (title, slug, body, tags, likes), Orders (orderId, status, total, items, payment), Employees (department, salary, hire date, manager), Transactions (type, amount, currency, status), and Comments (postId, userId, body, likes).

How many records can I generate at once?

You can generate 5, 10, 25, 50, or 100 records per click. All records are generated instantly in your browser — there is no server request, so generation is immediate regardless of count.

Can I use this data with json-server?

Yes. Download the generated data as a .json file, wrap it in an object with a key (e.g., {"users": [...]}), save it as db.json, and run npx json-server db.json. You instantly get a REST API with GET /users, POST /users, GET /users/:id, PUT, and DELETE endpoints — all from the generated data.

Is the generated data realistic?

Yes. The generator uses real first names, last names, email domains, cities, company name patterns, and product names. Number values (prices, salaries, ratings) are in realistic ranges. Dates span realistic time periods. The output looks like real API data and is suitable for demos, screenshots, and UI testing.

How is this different from the Mock API Generator?

The Fake Data Generator provides pre-built schemas for common entity types — just select and click. The Mock API Generator lets you write your own JSON template with {{tokens}} for full control over field names and structure. Use the Fake Data Generator for instant data; use the Mock API Generator when you need a custom schema.

Can I use the data in React, Vue, or Angular apps?

Yes. Copy the JSON output and import it directly into your component as a local data file, or serve it from json-server as a real HTTP API. The data structure matches common real-world schemas, so it drops in easily as props, useState initial values, or API fixtures in tests.

Free · Browser-only · No sign-up

Fake Data Generator for Frontend Devs

Generate realistic fake JSON data for frontend development and testing. Pick from 7 preset types — Users, Products, Posts, Orders, Employees, Transactions, or Comments — configure the record count, and get a downloadable JSON array in seconds.

UsersProductsOrdersEmployeesTransactionsUp to 100 recordsDownload JSON

data type

count

iduuidnameemailphoneaddresscitycountrycompanyroleactivecreatedAt

Ready to generate

Click Generate to produce 10 realistic users records. Each record has all fields shown above with realistic randomized values.

Features

7 data types

Users, Products, Posts, Orders, Employees, Transactions, Comments

Realistic data

Real names, emails, companies, prices — not lorem ipsum placeholders

Up to 100 records

Generate from 5 to 100 records per click, instantly

Download JSON

Save as .json file ready for json-server or direct import

Field preview

See all fields for the selected data type before generating

Browser-only

All generation happens in your browser — zero network requests

How to use

1
Select type
Choose the data type that matches your UI: users, products, orders, etc.
2
Set count
Select 5, 10, 25, 50, or 100 records.
3
Generate
Click Generate. Realistic JSON records appear instantly.
4
Export
Download as .json or copy to clipboard for use in your app or json-server.

Frequently asked questions

What format is the downloaded file?

A standard .json file containing a JSON array of objects. Each object has the same fields with unique random values. The filename is fake-{type}.json (e.g., fake-users.json).

Why would I need fake data for frontend development?

Frontend development often begins before the backend API is ready. Fake data lets you build and test UI components with realistic, populated content rather than empty states or hardcoded values. It is also used for demo screenshots, documentation examples, automated UI tests, and database seeding.

Can I generate multiple types at once?

Not in a single click — generate each type separately. Download each file and combine them if you need a multi-entity dataset for json-server (db.json can have multiple keys like {"users": [...], "products": [...]}).

Are generated IDs sequential?

Yes. IDs start at 1 and increment by 1. This makes the data easy to use with REST APIs where /users/1 refers to the first record.

Related tools

Mock API Generator

Custom template with {{tokens}}

JSON → TypeScript

Generate TypeScript types from the data

JSON Formatter

Format and validate generated JSON