{"repo":"emotion-js/emotion","free":true,"listed":false,"github":"https://github.com/emotion-js/emotion","clone":"git clone https://github.com/emotion-js/emotion.git","description":"👩‍🎤 CSS-in-JS library designed for high performance style composition","language":"JavaScript","stars":18015,"topics":["css-in-js","babel-plugin","react","reactjs","css","emotion"],"license":"MIT","category":"ui-components","readme_excerpt":"emotion The Next Generation of CSS-in-JS Emotion 11 has been released 🚀 See the blog post Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production. 👀 Demo Sandbox 📖 Docs Frequently viewed docs: - Introduction - Install - CSS Prop - Styled Components - Composition - Nested Selectors - Media Queries Quick Start Get up and running with a single import. Do I Need To Use the Babel Plugin? The babel plugin is not required, but enables some optimizations and customizations that could be beneficial for your project. Look here 👉 emotion babel plugin feature table and documentation Demo Sandbox Demo Code Sandbox Examples - emotion website [Demo Here] - next-hnpwa-guide-kit [Demo Here] - reactivesearch, a react UI library for Elasticsearch [Website] - circuit-ui, a react component library built at SumUp [Storybook] - open a PR and add yours! Ecosystem - stylelint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles. - facepaint - emotion-vue - nuxt-community/emotion-module - Emotion module for Nuxt.js - ember-emotion - CSS to emotion transform - ShevyJS - design-system-utils - Utilities to give better access to your design system. - polished - Li","default_branch":null,"files":null,"tree":[],"storefront":"/r/emotion-js","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/emotion-js/emotion/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}