What is the Image Feed mock data preset useful for?
The Image Feed preset creates image records with source URLs, alt text, photographer details, dimensions, likes, and timestamps for galleries, portfolios, and media feeds.
Generate API-ready mock data from this preset schema using the hosted mocking.dev faker API.
Edit, reorder, add, or remove fields before generating mock data from this preset.
This preview always requests one generated item from faker.mocking.dev, regardless of the download count.
The Image Feed preset creates image records with source URLs, alt text, photographer details, dimensions, likes, and timestamps for galleries, portfolios, and media feeds.
The Image Feed preset includes these top-level fields: id, src, altText, photographerName, photographerAvatarUrl, width, height, likeCount, createdAt. You can rename, remove, or extend the fields before generating data, including nested objects and arrays where supported.
Use it to test responsive image grids, lazy loading, aspect-ratio handling, alt text display, photographer credits, engagement counters, and feed pagination.
Customize the fields, row count, seed, and locale in the editor. The preview updates as you make changes, and you can download the generated records as a JSON file when the schema is ready.
Yes. mocking.dev uses Faker.js through its mock data API to generate names, emails, dates, numbers, locations, commerce data, and other realistic values. The seed makes results repeatable, while the locale controls regional data.
No. The records are synthetic and intended for development, demos, fixtures, and automated tests. Generated values can resemble real information by coincidence, so do not treat them as verified identities or use them to contact people.
{
id: string;
author: {
id: string;
displayName: string;
username: string;
avatarUrl: string;
isVerified: boolean;
};
content: string;
mediaUrls: string[];
likeCount: number;
commentCount: number;
repostCount: number;
isLikedByViewer: boolean;
hashtags: string[];
createdAt: string;
}{
id: string;
title: string;
url: string;
displayUrl: string;
snippet: string;
relevanceScore: number;
publishedAt: string;
}{
id: string;
title: string;
icon: string;
isArchived: boolean;
owner: {
id: string;
name: string;
avatarUrl: string;
};
blocks: {
id: string;
type: string;
content: string;
isChecked: boolean;
order: number;
}[];
createdAt: string;
lastEditedAt: string;
}