@emotion/core

WebJar for @emotion/core

License	License MIT
GroupId	GroupId org.webjars.npm
ArtifactId	ArtifactId emotion__core
Last Version	Last Version 10.0.27
Release Date	Release Date Feb 18, 2020
Type	Type jar
Description	Description @emotion/core WebJar for @emotion/core
Project URL	Project URL https://www.webjars.org
Source Code Management	Source Code Management https://github.com/emotion-js/emotion

Download emotion__core

Filename	Size
emotion__core-10.0.27.pom
emotion__core-10.0.27.jar	67 KB
emotion__core-10.0.27-sources.jar	22 bytes
emotion__core-10.0.27-javadoc.jar	22 bytes
Browse

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/emotion__core/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>emotion__core</artifactId>
    <version>10.0.27</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/emotion__core/
implementation 'org.webjars.npm:emotion__core:10.0.27'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/emotion__core/
implementation ("org.webjars.npm:emotion__core:10.0.27")

Apache Buildr

'org.webjars.npm:emotion__core:jar:10.0.27'

Apache Ivy

<dependency org="org.webjars.npm" name="emotion__core" rev="10.0.27">
  <artifact name="emotion__core" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='emotion__core', version='10.0.27')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "emotion__core" % "10.0.27"

Leiningen

[org.webjars.npm/emotion__core "10.0.27"]

Dependencies

compile (6)

Group / Artifact	Type	Version
org.webjars.npm : emotion__cache	jar	[10.0.27,11)
org.webjars.npm : emotion__sheet	jar	[0.9.4]
org.webjars.npm : emotion__utils	jar	[0.11.3]
org.webjars.npm : emotion__serialize	jar	[0.11.15,0.12)
org.webjars.npm : emotion__css	jar	[10.0.27,11)
org.webjars.npm : babel__runtime	jar	[7.5.5,8)

Project Modules

There are no modules declared in this project.

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:

Quick Start

Get up and running with a single import.

npm install --save @emotion/react

/** @jsx jsx */
import { jsx } from '@emotion/react'

let SomeComponent = props => {
  return (
    <div
      css={{
        color: 'hotpink'
      }}
      {...props}
    />
  )
}

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 - Lightweight set of Sass/Compass-style mixins/helpers for writing styles in JavaScript.
monad-ui - Utility First CSS-In-JS
css-in-js-media - you can deal with responsive design using css-in-js easily with this css-in-js-media which is similar with include-media
emotion-native-extended - Better styling support for Emotion Native with React Native Extended Stylesheet