This package is deprecated, please use our fetch api package as a wrapper around Giphy API. It contains typescript definitions and should be a better experience, if we're missing a feature, please feel free to file an issue on the monorepo.
Also check out the new UI packages for React and vanilla JS, they can greatly facitilate your GIPHY integration.
The Giphy Core SDK is a wrapper around Giphy API.
Giphy is the best way to search, share, and discover GIFs on the Internet. Similar to the way other search engines work, the majority of our content comes from indexing based on the best and most popular GIFs and search terms across the web. We organize all those GIFs so you can find the good content easier and share it out through your social channels. We also feature some of our favorite GIF artists and work with brands to create and promote their original GIF content.
- Search GIFs/Stickers
- Trending GIFs/Stickers
- Translate GIFs/Stickers
- Random GIFs/Stickers
- GIF by ID
- GIFs by IDs
- Categories for GIFs
- Subcategories for GIFs
- GIFs for a Subcategory
- Term Suggestions
npm
npm install --save giphy-js-sdk-corevar GphApiClient = require('giphy-js-sdk-core')
client = GphApiClient("YOUR_API_KEY")Search all Giphy GIFs for a word or phrase. Punctuation will be stripped and ignored.
Required Params
- "q" - string - search query term or phrase
Optional Params
- "limit" - integer - number of results to return, maximum 100. Default 25.
- "offset" - integer - results offset, defaults to 0.
- "rating" - string - limit results to those rated (y,g, pg, pg-13 or r).
- "lang" - string - specify default country for regional content; format is 2-letter ISO 639-1 country code. See list of supported languages here
- "fmt" - string - return results in html or json format (useful for viewing responses as GIFs to debug/test)
- "sort" - string - the sort order of the results returned (recent | relevant)
/// Gif Search
client.search('gifs', {"q": "cats"})
.then((response) => {
response.data.forEach((gifObject) => {
console.log(gifObject)
})
})
.catch((err) => {
})
/// Sticker Search
client.search('stickers', {"q": "cats"})
.then((response) => {
})
.catch((err) => {
})Fetch GIFs currently trending online. Hand curated by the Giphy editorial team. The data returned mirrors the GIFs showcased on the Giphy homepage.
Required Params
- none
Optional Params
- "limit" - integer - number of results to return, maximum 100. Default 25.
- "offset" - integer - results offset, defaults to 0
- "rating" - string - limit results to those rated (y,g, pg, pg-13 or r).
- "fmt" - string - return results in html or json format (useful for viewing responses as GIFs to debug/test)
/// Trending Gifs
client.trending("gifs", {})
.then((response) => {
})
.catch((err) => {
})
/// Trending Stickers
client.trending("stickers", {})
.then((response) => {
})
.catch((err) => {
})The translate API draws on search, but uses the Giphy "special sauce" to handle translating from one vocabulary to another. In this case, words and phrases to GIFs. Example implementations of translate can be found in the Giphy Slack, Hipchat, Wire, or Dasher integrations. Use a plus or url encode for phrases.
Required Params
- "s" - string - term or phrase to translate into a GIF
Optional Params
- "rating" - (optional) limit results to those rated (y,g, pg, pg-13 or r).
- "lang" - (optional) specify default country for regional content; format is 2-letter ISO 639-1 country code. See list of supported langauges here
- "fmt" - (optional) return results in html or json format (useful for viewing responses as GIFs to debug/test)
/// Translate to a Gif
client.translate('gifs', {"s": 'cool'})
.then((response) => {
})
.catch((err) => {
})
/// Translate to a Sticker
client.translate('stickers', {"s": 'cool'})
.then((response) => {
})
.catch((err) => {
})Returns a random GIF, limited by tag. Excluding the tag parameter will return a random GIF from the Giphy catalog.
Required Params
- none
Optional Params
- "tag" - string - the GIF tag to limit randomness by
- "rating" - string - limit results to those rated (y,g, pg, pg-13 or r).
- "fmt" - (optional) return results in html or json format (useful for viewing responses as GIFs to debug/test)
/// Random Gif
client.random('gifs', {})
.then((response) => {
})
.catch((err) => {
})
/// Random Sticker
client.random('stickers', {})
.then((response) => {
})
.catch((err) => {
})Returns meta data about a GIF, by GIF id. In the below example, the GIF ID is "feqkVgjJpYtjy"
Required Params
- none
Optional Params
- none
/// Gif by Id
client.gifByID("feqkVgjJpYtjy")
.then((response) => {
})
.catch((err) => {
})A multiget version of the get GIF by ID endpoint. In this case the IDs are feqkVgjJpYtjy and 7rzbxdu0ZEXLy. Required Params
- "ids" - a comma separated list of IDs to fetch GIF size data.
Optional Params
- none
/// Gifs by Ids
client.gifsByIDs({"ids": ["feqkVgjJpYtjy", "7rzbxdu0ZEXLy"]})
.then((response) => {
})
.catch((err) => {
})Fetch Giphy categories
Required Params
- none
Optional Params
- "limit" - integer - number of results to return, maximum 100. Default 25.
- "offset" - integer - results offset, defaults to 0.
/// Gifs by Ids
client.categoriesForGifs({})
.then((response) => {
})
.catch((err) => {
})Get Subcategories for GIFs given a category. You will need this subcategory object to pull GIFs for this category.
Required Params
- none
Optional Params
- "limit" - integer - number of results to return, maximum 100. Default 25.
- "offset" - integer - results offset, defaults to 0.
/// Gifs by Ids
client.subCategoriesForGifs("tv", {})
.then((response) => {
})
.catch((err) => {
})Get GIFs for a given Sub-Category.
Required Params
- none
Optional Params
- "limit" - integer - number of results to return, maximum 100. Default 25.
- "offset" - integer - results offset, defaults to 0.
/// Gifs by Ids
client.gifsByCategories("tv", "'the office'", {})
.then((response) => {
})
.catch((err) => {
})Get term suggestions given a search term, or a substring.
Required Params
- none
Optional Params
- none
/// Gifs by Ids
client.termSuggestions("cool")
.then((response) => {
})
.catch((err) => {
})