Giphy API

⭐ Beginner's Pick Photography / API Key Intermediate HTTPS

Varies by plan (check documentation)

72 Score

Grade B

Visit Official Site Compare Alternatives

Overview

The Giphy API gives you access to the world's largest GIF library, letting you search, trend, and embed animated GIFs in your applications. It is free to use with an API key and has generous rate limits, making it ideal for chat apps, social features, and any project that benefits from animated content. Getting started takes just a few minutes.

💡

Beginner Tip

Use the Search endpoint with a limit parameter (e.g., &limit=10) to avoid fetching hundreds of results at once. The images.fixed_height.url field from each result is the best choice for embedding GIFs at a consistent size.

Available Data

image URLs in multiple sizes

photographer credit

image dimensions

download link

color data

Use case: Integrate get all your gifs data into web and mobile applications

Example Response

JSON Response

{
  "id": "Dwu85P9SOIk",
  "urls": {
    "full": "https://images.unsplash.com/photo-...",
    "regular": "https://images.unsplash.com/photo-...?w=1080",
    "thumb": "https://images.unsplash.com/photo-...?w=200"
  },
  "width": 4000,
  "height": 3000,
  "user": {
    "name": "John Doe",
    "username": "johndoe"
  }
}

Field Reference

data[].id Unique Giphy GIF identifier.

data[].title Title or description of the GIF.

data[].images.fixed_height.url URL of the GIF scaled to a fixed 200px height, ideal for embedding.

data[].images.original.url URL of the full-size original GIF.

data[].rating Content rating: g, pg, pg-13, or r.

pagination.total_count Total number of GIFs matching the search query.

Implementation Example

// ⚠️ Note: This URL may be a documentation page. Check official docs for actual API endpoint.
const url = "https://developers.giphy.com/docs/";
// Replace headers or query params with the values required by this API.
const response = await fetch(url, {
  headers: {
  "X-API-Key": "YOUR_API_KEY"
  }
});
if (!response.ok) throw new Error(`Request failed: ${response.status}`);
const data = await response.json();
console.log(data);