Black Lives Matter.
Emotion
  • Docs
  • Community
  • GitHub
  • Slack
  • Spectrum
  • v10 Docs

Getting Started

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

Advanced

  • Keyframes
  • Server Side Rendering
  • Attaching Props
  • Theming
  • Labels
  • Class Names
  • CacheProvider

Tooling

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

Packages

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

Posts

  • Emotion 11
  • Migrating to Emotion 10

@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/css @emotion/server