# @atlaskit/primitives

> Primitives are token-backed low-level building blocks.

Latest version **22.5.1** (published 2026-09-15) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @atlaskit/primitives
pnpm add @atlaskit/primitives
yarn add @atlaskit/primitives
bun add @atlaskit/primitives
```

## Health

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

Positive: no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 22.5.1 |
| Published | 2026-09-15 |
| First published | 2023-02-08 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Atlassian Pty Ltd |
| Maintainers | atlassianartifactteam |

## Links

- npm: https://www.npmjs.com/package/@atlaskit/primitives
- Repository: https://bitbucket.org/atlassian/atlassian-frontend-mirror
- Homepage: https://atlassian.design/components/primitives/overview/
- Issues: https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues
- npm.io page: https://npm.io/package/@atlaskit/primitives

## Recent versions

- 22.5.1 (latest) — 2026-09-15
- 13.3.0 (next) — 2024-11-28
- 22.5.0 — 2026-08-29
- 22.4.1 — 2026-08-27
- 22.4.0 — 2026-08-20
- 22.3.0 — 2026-08-19
- 22.2.2 — 2026-08-10
- 22.2.1 — 2026-08-03
- 22.2.0 — 2026-07-23
- 22.1.1 — 2026-07-23
- 22.1.0 — 2026-07-22
- 22.0.0 — 2026-07-17
- 21.0.1 — 2026-07-17
- 21.0.0 — 2026-07-16
- 20.6.0 — 2026-07-13
- … 281 more at https://npm.io/package/@atlaskit/primitives/versions

## README

# Primitives

Primitives are token-backed low-level building blocks.

## Usage

Detailed docs and example usage can be found at:

- [Overview](https://atlassian.design/components/primitives/overview)
- [Box](https://atlassian.design/components/primitives/box)
- [xcss](https://atlassian.design/components/primitives/xcss)
- [Inline](https://atlassian.design/components/primitives/inline)
- [Stack](https://atlassian.design/components/primitives/stack)
- [Flex](https://atlassian.design/components/primitives/flex)
- [Grid](https://atlassian.design/components/primitives/grid)
- [Bleed](https://atlassian.design/components/primitives/bleed)

And you can also find some responsive helpers available in this package:

- [Responsive](https://atlassian.design/components/primitives/responsive/)

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