# @babel/code-frame

> Generate errors that contain a code frame that point to source locations.

Latest version **8.0.0** (published 2026-06-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install @babel/code-frame
pnpm add @babel/code-frame
yarn add @babel/code-frame
bun add @babel/code-frame
```

## Health

**Score 73/100 (B)** — status: active.

Positive: has types package; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; popular repo.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 8.0.0 |
| Published | 2026-06-16 |
| First published | 2017-10-30 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | separate (@types/babel__code-frame) |
| Module format | ESM + CommonJS |
| Node | ^22.18.0 \|\| >=24.11.0 |
| Dependencies | 2 |
| Unpacked size | 31.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 43996 |
| Author | The Babel Team (https://babel.dev/team) |
| Maintainers | hzoo, existentialism, nicolo-ribaudo, jlhwung |

## Links

- npm: https://www.npmjs.com/package/@babel/code-frame
- Repository: https://github.com/babel/babel
- Homepage: https://babel.dev/docs/en/next/babel-code-frame
- Issues: https://github.com/babel/babel/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen
- npm.io page: https://npm.io/package/@babel/code-frame

## Dependencies (2)

- [js-tokens](https://npm.io/package/js-tokens.md) ^10.0.0
- [@babel/helper-validator-identifier](https://npm.io/package/@babel/helper-validator-identifier.md) ^8.0.0

## Recent versions

- 8.0.0 (latest) — 2026-06-16
- 8.0.0-rc.6 (next) — 2026-05-25
- 7.21.4-esm.4 (esm) — 2023-04-04
- 7.29.7 — 2026-05-25
- 8.0.0-rc.5 — 2026-05-12
- 8.0.0-rc.4 — 2026-04-29
- 8.0.0-rc.3 — 2026-03-16
- 8.0.0-rc.2 — 2026-02-15
- 8.0.0-rc.1 — 2026-01-31
- 7.29.0 — 2026-01-31
- 7.28.6 — 2026-01-12
- 8.0.0-beta.4 — 2026-01-12
- 8.0.0-beta.3 — 2025-10-23
- 8.0.0-beta.2 — 2025-09-05
- 8.0.0-beta.1 — 2025-07-02
- … 85 more at https://npm.io/package/@babel/code-frame/versions

## README

# @babel/code-frame

> Generate errors that contain a code frame that point to source locations.

See our website [@babel/code-frame](https://babeljs.io/docs/babel-code-frame) for more information.

## Install

Using npm:

```sh
npm install --save-dev @babel/code-frame
```

or using yarn:

```sh
yarn add @babel/code-frame --dev
```

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