Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

Audal Labs Logo


Replace Gatsby's default renderer with Emotion's, to ensure correct rendering of Emotion-styled components during SSG.

npm i gatsby-plugin-emotion-ssg

Why should I use this?

gatsby-plugin-emotion might work for your use case. It might not. This plugin works where that one does not, by replacing the Gatsby SSG renderer, and inlining critical CSS styles. It’s a more heavy-handed approach, but works in almost every use-case.

© 2023 Gatsby, Inc.