Skip to main content
View plugin on GitHub
See starters using this

gatsby-plugin-emotion

Provide support for using the css-in-js library Emotion including server side rendering. Uses the @emotion/babel-preset-css-prop.

This plugin is based on and adapted from the gatsby-plugin-emotion code.

This plugin supports Emotion v10+

Install

npm install --save gatsby-plugin-emotion-css @emotion/core @emotion/css

How to use

Add the plugin to your gatsby-config.js.

module.exports = {
	plugins: [
		{
			resolve: `gatsby-plugin-emotion-css`,
			options: {
				// Accepts all options defined by `@emotion/babel-preset-css-prop` plugin.
			},
		},
	],
};

Docs
Tutorials
Plugins
Blog
Showcase