Download
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. There are two primary methods of using Emotion. The first is framework agnostic and the second is for use with React. Similar to the style prop, but also has support for auto vendor-prefixing, nested selectors, and media queries. Allows developers to skip the styled API abstraction and style components and elements directly. The css prop also accepts a function that is called with your theme as an argument allowing developers easy access to common and customizable values. Reduces boilerplate when composing components and styled with emotion. Server side rendering with zero configuration.
Features
- Requires no additional setup, babel plugin, or other config changes
- Has support for auto vendor-prefixing, nested selectors, and media queries
- You simply prefer to use the css function to generate class names and cx to compose them
- Server side rendering requires additional work to set up
- Allows developers to skip the styled API abstraction and style components and elements directly
- Reduces boilerplate when composing components and styled with emotion
Project Samples
