Emotion
  • Docs
  • Community
  • GitHub
  • Slack
  • Spectrum
  • v9 Docs

Getting Started

  • Introduction
  • Install
  • The css Prop
  • Styled Components
  • Composition
  • Object Styles
  • Nested Selectors
  • Media Queries
  • Global Styles

Advanced

  • Keyframes
  • Server Side Rendering
  • Attaching Props
  • Theming
  • Labels
  • Class Names
  • CacheProvider
  • Migrating to Emotion 10

Tooling

  • Babel Plugin
  • Babel Macros
  • Source Maps
  • Snapshot Testing
  • TypeScript

Packages

  • @emotion/core
  • @emotion/styled
  • @emotion/cache
  • emotion
  • babel-plugin-emotion
  • eslint-plugin-emotion
  • emotion-server
  • emotion-theming
  • jest-emotion
  • @emotion/native
  • @emotion/primitives
  • create-emotion
  • create-emotion-server
  • @emotion/babel-preset-css-prop

emotion-server

✏️ Edit this page

Extract and inline critical css with emotion.

emotion-server provides three APIs for doing server-side rendering with emotion to extract critical css, inline critical css in html to a string and inline critical css in html to a stream.

emotion-server’s APIs are documented here.

npm install --save emotion emotion-server