MCPcopy
hub / github.com/emotion-js/emotion

github.com/emotion-js/emotion @babel-plugin-emotion@11.0.0 sqlite

repository ↗ · DeepWiki ↗ · release babel-plugin-emotion@11.0.0 ↗ · compare 2 versions
598 symbols 2,036 edges 461 files 36 documented · 6%
README

emotion

emotion

The Next Generation of CSS-in-JS

Need support upgrading to Emotion 10? See the migration guide

Backers on Open Collective Sponsors on Open Collective npm version Build Status codecov core size core gzip size react size react gzip size slack spectrum

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 (



  )
}

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

Ecosystem

In the Wild

Contributors

This project exists thanks to all the people who contribute. [Contribute].

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

Thinkmill

Extension points exported contracts — how you extend this code

StyleSheet (Interface)
(no doc) [1 implementers]
packages/utils/types/index.d.ts
StylisElement (Interface)
(no doc)
packages/cache/types/index.d.ts
Theme (Interface)
(no doc)
packages/react/types/tests.tsx
Foo (Interface)
(no doc)
packages/weak-memoize/types/tests.ts
StyleRuleOptions (Interface)
(no doc)
packages/jest/types/index.d.ts
ArrayCSSInterpolation (Interface)
(no doc)
packages/serialize/types/index.d.ts
ArrayClassNamesArg (Interface)
(no doc)
packages/css/types/create-instance.d.ts
Options (Interface)
(no doc)
packages/sheet/types/index.d.ts

Core symbols most depended-on inside this repo

toMatchSnapshot
called by 357
flow-typed/npm/jest_v25.x.x.js
css
called by 220
packages/react/src/css.js
css
called by 112
packages/css/src/create-instance.js
require
called by 98
site/src/components/Playground.js
toBe
called by 53
flow-typed/npm/jest_v25.x.x.js
toEqual
called by 49
flow-typed/npm/jest_v25.x.x.js
toHaveStyleRule
called by 48
packages/jest/types/index.d.ts
withComponent
called by 30
packages/styled/types/base.d.ts

Shape

Function 348
Method 104
Interface 84
Class 62

Languages

TypeScript100%

Modules by API surface

flow-typed/npm/jest_v25.x.x.js47 symbols
packages/styled/types/tests-base.tsx36 symbols
packages/jest/src/utils.js30 symbols
scripts/benchmarks/src/app/Benchmark/index.js16 symbols
packages/react/types/index.d.ts14 symbols
packages/jest/src/create-serializer.js12 symbols
packages/css/types/create-instance.d.ts12 symbols
packages/css/src/create-instance.js12 symbols
packages/server/test/util.js11 symbols
packages/react/types/tests-theming.tsx11 symbols
packages/native/types/base.d.ts11 symbols
packages/cache/src/stylis-plugins.js11 symbols

Dependencies from manifests, versioned

@babel/core7.7.2 · 1×
@babel/helper-module-imports7.7.0 · 1×
@babel/plugin-proposal-class-properties7.7.0 · 1×
@babel/plugin-syntax-class-properties7.2.0 · 1×
@babel/plugin-syntax-jsx7.12.1 · 1×
@babel/plugin-syntax-object-rest-spread7.2.0 · 1×
@babel/plugin-transform-flow-strip-types7.6.3 · 1×
@babel/plugin-transform-react-jsx7.12.1 · 1×
@babel/preset-env7.7.1 · 1×
@babel/preset-flow7.0.0 · 1×
@babel/preset-react7.12.1 · 1×
@babel/register7.7.0 · 1×

For agents

$ claude mcp add emotion \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact