# @codecademy/gamut-styles

> Styleguide & Component library for codecademy.com

Latest version **21.2.0** (published 2026-08-25) · MIT license · 9.9K weekly downloads

## Install

```sh
npm install @codecademy/gamut-styles
pnpm add @codecademy/gamut-styles
yarn add @codecademy/gamut-styles
bun add @codecademy/gamut-styles
```

## Health

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

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score.

## Facts

| | |
|---|---|
| Version | 21.2.0 |
| Published | 2026-08-25 |
| First published | 2017-05-30 |
| Weekly downloads | 9.9K |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 2.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 90 |
| Author | Jake Hiller |
| Maintainers | codecademy-eng |

## Links

- npm: https://www.npmjs.com/package/@codecademy/gamut-styles
- Repository: https://github.com/Codecademy/gamut
- Homepage: https://github.com/Codecademy/gamut#readme
- Issues: https://github.com/Codecademy/gamut/issues
- npm.io page: https://npm.io/package/@codecademy/gamut-styles

## Dependencies (5)

- [polished](https://npm.io/package/polished.md) ^4.1.2
- [get-nonce](https://npm.io/package/get-nonce.md) ^1.0.0
- [framer-motion](https://npm.io/package/framer-motion.md) ^12.0.0
- [@codecademy/variance](https://npm.io/package/@codecademy/variance.md) 1.1.0
- [@emotion/is-prop-valid](https://npm.io/package/@emotion/is-prop-valid.md) ^1.1.0

## Recent versions

- 21.2.0 (latest) — 2026-08-25
- 21.2.1-alpha.6bd45d.0 (alpha.6bd45d) — 2026-09-17
- 21.2.1-alpha.e10dec.0 (alpha.e10dec) — 2026-09-16
- 21.2.1-alpha.222356.0 (alpha.222356) — 2026-09-16
- 21.2.1-alpha.ae5bae.0 (alpha.ae5bae) — 2026-09-15
- 21.2.1-alpha.33c52b.0 (alpha.33c52b) — 2026-09-15
- 21.2.1-alpha.f92633.0 (alpha.f92633) — 2026-09-11
- 21.2.1-alpha.469ce2.0 (alpha.469ce2) — 2026-09-11
- 21.2.1-alpha.bcdb84.0 (alpha.bcdb84) — 2026-09-10
- 21.2.1-alpha.aca464.0 (alpha.aca464) — 2026-09-10
- 21.2.1-alpha.3e37cd.0 (alpha.3e37cd) — 2026-09-10
- 21.2.1-alpha.287361.0 (alpha.287361) — 2026-09-10
- 21.2.1-alpha.6db5f7.0 (alpha.6db5f7) — 2026-09-10
- 21.2.1-alpha.2ba864.0 (alpha.2ba864) — 2026-09-10
- 21.2.1-alpha.1db67e.0 (alpha.1db67e) — 2026-09-10
- … 3547 more at https://npm.io/package/@codecademy/gamut-styles/versions

## README

# Gamut Styles

Design tokens, Emotion themes, and system props for the Gamut design system.

## Core/

This folder contains a base stylesheet for the app.
This should be imported **once** in your application.

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