See what's launched

The next gen Gatsby is here Performance, developer velocity, and scaling to meet Enterprise needs - See what’s launched

Sign Up for Free
Community Plugin
View plugin on GitHub

gatsby-transformer-extracted-lottie

Transform lottie files producing a preview svg either inline or as a file

It creates a new node called childExtractedLottie that contains the width, height and the first frame as an svg, either an encoded data uri, or an encoded file.

export const lottieFragment = graphql`
  fragment LottieFile on File {
    publicURL
    childExtractedLottie {
      width
      height
      encoded
      encodedFile {
        publicURL
      }
    }
  }
© 2022 Gatsby, Inc.