The GIPHY SDKs let you and your users easily access the world’s largest GIF library anywhere on your website. Whether it’s via a comment, forum post, review, chatbot or messenger, adding GIFs to your product is a simple and easy way to boost engagement and user experience.

GIPHY-JS SDKs

Choose your flavor!

@giphy/react-components

React components focused on ease-of-use and performance

@giphy/js-components

lightweight UI components, no framework required

@giphy/js-fetch-api

fetch gifs, stickers, categories and more (build your own UI, no SDK analytics)

Now go build something!

A note about pingbacks

This SDK sends analytics events back to GIPHY in the form of pingbacks to help us improve the quality of search results for your users.

GIPHY-JS Developer Section

Install

1$ yarn

Dev

Some packages have

1$ cd packages/components
2$ yarn run dev

Lint

From root of project:

1$ yarn run lint

Publishing

Publishing to npm will be done by the changeset github action.

In your pr you will create a changeset by using the changest cli. Readmore here

1$ yarn changeset

Follow the prompts to specify the semver and describe the changes you've made. This will create a changeset file which should be committed. Once you have your changeset ready and the PR is approved, you can merge your PR to master.

The github actions will run and create another PR based on your changeset. When this PR is approved and merged, the Publish github action will run and the packages will be published.

If you're not ready to publish your changeset, you don't have to merge the changeset PR