Real World Performance: lazy loading, optimizing media, faster analytics join us Wednesday

ContactSign Up
Community Plugin
View plugin on GitHub


Npm version Npm downloads MIT license PRs welcome

gatsby-remark-gifs is a Gatsby remark plugin to make .gif images work


  1. Download gatsby-remark-gifs from the NPM registry:
yarn add gatsby-remark-gifs
  1. Add the plugin to your gatsby-config.js file
module.exports = {
    plugins: [
            resolve: "gatsby-transformer-remark",
            options: {
                plugins: ["gatsby-remark-gifs"],
  1. Add gifs in your content
![My gif](./awesome.gif)


  • ⇄ Pull/Merge requests and ★ Stars are always welcome.
  • For bugs and feature requests, please create an issue.
© 2023 Gatsby, Inc.