Awesome Emotion

A curated list of awesome stuff related to emotion

Contents

• General Resources
• Community
• Libraries
• Component Libraries
• Examples In the Wild
• Contribute
• License

General Resources

• Site
• GitHub

Community

• Slack
• Spectrum

Libraries

• facepaint - Responsive style values for css-in-js
• ember-emotion - Use emotion in Ember.js
• vue-emotion - Use emotion in Vue.js
• CSS to emotion transform
• ShevyJS - Configurable Vertical Rhythm & Typography in CSS-in-JS
• design-system-utils - Utilities to give better access to your design system.
• styled-map - Super simple lib to map props to styles
• polished - Lightweight set of Sass/Compass-style mixins/helpers for writing styles in JavaScript.
• styled-conditions - Ultra-lightweight flag utility to conditionally apply css depending on React props.
• manipulative - React devtool to style emotion components from the browser.

Component Libraries

• react-select (Website)
• reactivesearch (Website)
• circuit-ui (Storybook)
• govuk-react (Storybook)
• smooth-ui (Website)
• mineral-ui (Website)
• sancho-ui (Website)

Examples In the Wild

• healthline.com
• nytimes.com
• vault.crucible.gg
• saldotuc.com
• gatsbythemes.com
• blazity.com
• postmates.com
• thedisconnect.co
• zefenify.com
• strelkamag.com
• rookout.com
• figma.com
• designsystems.com

Contribute

Contributions welcome! Read the contribution guidelines first.

License

To the extent possible under law, Mitchell Hamilton has waived all copyright and related or neighboring rights to this work.