Skip to main content


Emotion is a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities. Both string and object styles are supported.

👩‍🎤 Emotion support can be added by installing the @roots/bud-emotion extension.


@roots/bud-emotion requires @roots/bud-babel and @roots/bud-react in order to function.

yarn add @roots/bud-emotion @roots/bud-react @roots/bud-babel --dev