# @theme-ui/global

> Wrapper around the Emotion `Global` component, made Theme UI theme-aware.

Latest version **0.17.4** (published 2026-01-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install @theme-ui/global
pnpm add @theme-ui/global
yarn add @theme-ui/global
bun add @theme-ui/global
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.17.4 |
| Published | 2026-01-02 |
| First published | 2023-01-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 7.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5399 |
| Author | Lachlan Campbell |
| Maintainers | jxnblk, johno, hasparus, lachlanjc |

## Links

- npm: https://www.npmjs.com/package/@theme-ui/global
- Repository: https://github.com/system-ui/theme-ui
- Homepage: https://github.com/system-ui/theme-ui#readme
- Issues: https://github.com/system-ui/theme-ui/issues
- npm.io page: https://npm.io/package/@theme-ui/global

## Dependencies (2)

- [@theme-ui/css](https://npm.io/package/@theme-ui/css.md) ^0.17.4
- [@theme-ui/core](https://npm.io/package/@theme-ui/core.md) ^0.17.4

## Recent versions

- 0.17.4 (latest) — 2026-01-02
- 0.17.2-develop.1 (develop) — 2025-02-14
- 0.16.2-scale-tuples.0 (canary) — 2023-09-26
- 0.17.2 — 2025-02-14
- 0.17.2-develop.0 — 2024-12-18
- 0.17.1 — 2024-10-24
- 0.17.1-develop.0 — 2024-10-24
- 0.17.0 — 2024-10-18
- 0.17.0-develop.1 — 2024-10-18
- 0.17.0-develop.0 — 2024-10-18
- 0.16.2 — 2024-02-19
- 0.16.2-develop.5 — 2024-02-19
- 0.16.2-develop.2 — 2024-01-05
- 0.16.2-develop.1 — 2023-11-29
- 0.16.2-develop.0 — 2023-09-26
- … 9 more at https://npm.io/package/@theme-ui/global/versions

## README

# @theme-ui/global

Wrapper around the Emotion `Global` component, made Theme UI theme-aware.

**Note:** _This package is included in the main `theme-ui` package and a
separate installation is not required unless you’re using `@theme-ui/core`._

```sh
npm i @theme-ui/global @theme-ui/core @emotion/react
```

```jsx
import Global from '@theme-ui/global'

export default (props) => (
  <Global
    styles={{
      button: {
        m: 0,
        bg: 'primary',
        color: 'background',
        border: 0,
      },
    }}
  />
)
```

---
_Source: https://npm.io/package/@theme-ui/global · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._