Mocking.Dev

Browse mock data presets

Choose a realistic dataset for frontend prototypes, API responses, dashboards, ecommerce flows, and test scenarios.

Simple User List

{
  id: string;
  name: string;
  username: string;
  email: string;
  avatarUrl: string;
  jobTitle: string;
  isActive: boolean;
  createdAt: string;
}

Product Reviews

{
  id: string;
  productId: string;
  authorName: string;
  authorAvatarUrl: string;
  rating: number;
  title: string;
  comment: string;
  isVerifiedPurchase: boolean;
  helpfulCount: number;
  createdAt: string;
}

Todo List

{
  id: string;
  title: string;
  description: string;
  isCompleted: boolean;
  priority: number;
  dueAt: string;
  assigneeName: string;
  tags: string[];
  createdAt: string;
}

Image Feed

{
  id: string;
  src: string;
  altText: string;
  photographerName: string;
  photographerAvatarUrl: string;
  width: number;
  height: number;
  likeCount: number;
  createdAt: string;
}

Notifications

{
  id: string;
  title: string;
  message: string;
  isRead: boolean;
  actionUrl: string;
  createdAt: string;
}

Book Inventory

{
  id: string;
  isbn: string;
  title: string;
  author: string;
  publisher: string;
  category: string;
  unitPrice: string;
  stockQuantity: number;
  publishedAt: string;
}

Search Results

{
  id: string;
  title: string;
  url: string;
  displayUrl: string;
  snippet: string;
  relevanceScore: number;
  publishedAt: string;
}

Daily Weather

{
  forecastAt: string;
  city: string;
  countryCode: string;
  temperatureCelsius: number;
  feelsLikeCelsius: number;
  humidityPercent: number;
  precipitationProbability: number;
  windSpeedKph: number;
}

Coupon Codes

{
  id: string;
  code: string;
  discountPercent: number;
  minimumOrderAmount: string;
  usageLimit: number;
  redemptionCount: number;
  isActive: boolean;
  startsAt: string;
  expiresAt: string;
}

Contact Cards

{
  id: string;
  fullName: string;
  jobTitle: string;
  companyName: string;
  email: string;
  avatarUrl: string;
  city: string;
  country: string;
  isFavorite: boolean;
}

Notion Page Blocks

{
  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;
}

Payment Management

{
  id: string;
  orderId: string;
  amount: string;
  currency: string;
  status: string;
  customer: {
    id: string;
    name: string;
    email: string;
  };
  paymentMethod: {
    brand: string;
    last4: number;
    countryCode: string;
  };
  billingAddress: {
    line1: string;
    city: string;
    state: string;
    postalCode: string;
    countryCode: string;
  };
  createdAt: string;
}

Social Media Feed

{
  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;
}

Calendar Events

{
  id: string;
  title: string;
  description: string;
  startsAt: string;
  endsAt: string;
  timeZone: string;
  isAllDay: boolean;
  location: string;
  conferenceUrl: string;
  organizer: {
    name: string;
    email: string;
  };
  attendees: {
    id: string;
    name: string;
    email: string;
    hasAccepted: boolean;
  }[];
}

Employee Records

{
  id: string;
  employeeNumber: string;
  profile: {
    fullName: string;
    workEmail: string;
    avatarUrl: string;
    city: string;
    country: string;
  };
  position: {
    jobTitle: string;
    department: string;
    employmentType: string;
    managerId: string;
  };
  compensation: {
    annualSalary: string;
    currency: string;
  };
  startedAt: string;
  isActive: boolean;
}

Jira Issues

{
  id: string;
  key: string;
  summary: string;
  description: string;
  status: string;
  priority: number;
  storyPoints: number;
  reporter: {
    id: string;
    name: string;
    avatarUrl: string;
  };
  assignee: {
    id: string;
    name: string;
    avatarUrl: string;
  };
  labels: string[];
  createdAt: string;
  updatedAt: string;
}

LMS Course Structure

{
  id: string;
  title: string;
  description: string;
  category: string;
  coverImageUrl: string;
  instructor: {
    id: string;
    name: string;
    jobTitle: string;
    avatarUrl: string;
  };
  modules: {
    id: string;
    title: string;
    order: number;
    lessonCount: number;
    durationMinutes: number;
    isPublished: boolean;
  }[];
  enrollmentCount: number;
  averageRating: number;
  publishedAt: string;
}

Medical Records

{
  id: string;
  patient: {
    id: string;
    fullName: string;
    sex: string;
    dateOfBirth: string;
  };
  encounter: {
    id: string;
    occurredAt: string;
    providerName: string;
    facilityName: string;
  };
  vitals: {
    heightCm: number;
    weightKg: number;
    systolicBloodPressure: number;
    diastolicBloodPressure: number;
    heartRateBpm: number;
    temperatureCelsius: number;
  };
  symptoms: string[];
  clinicalNotes: string;
  followUpRequired: boolean;
}

Slack Threads

{
  id: string;
  channel: {
    id: string;
    name: string;
    isPrivate: boolean;
  };
  topic: string;
  messages: {
    id: string;
    author: {
      id: string;
      displayName: string;
      avatarUrl: string;
    };
    text: string;
    isEdited: boolean;
    reactionCount: number;
    createdAt: string;
  }[];
  isResolved: boolean;
  createdAt: string;
}

SaaS Subscription

{
  id: string;
  status: string;
  customer: {
    id: string;
    companyName: string;
    billingEmail: string;
  };
  plan: {
    id: string;
    name: string;
    unitAmount: string;
    currency: string;
    features: string[];
  };
  seatCount: number;
  currentPeriodStartedAt: string;
  currentPeriodEndsAt: string;
  cancelAtPeriodEnd: boolean;
  usage: {
    apiCalls: number;
    storageGb: number;
    activeUsers: number;
  };
  createdAt: string;
}