# @atlaskit/css-reset > A base stylesheet for the Atlassian Design System. Latest version **8.4.4** (published 2026-09-17) · Apache-2.0 license · 0 weekly downloads ## Install ```sh npm install @atlaskit/css-reset pnpm add @atlaskit/css-reset yarn add @atlaskit/css-reset bun add @atlaskit/css-reset ``` ## Health **Score 65/100 (B)** — status: active. Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score. Warnings: low downloads. ## Facts | | | |---|---| | Version | 8.4.4 | | Published | 2026-09-17 | | First published | 2017-01-29 | | Weekly downloads | 0 | | License | Apache-2.0 | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 2 | | Unpacked size | 122.9 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Author | Atlassian Pty Ltd | | Maintainers | atlassianartifactteam | | Keywords | atlaskit, css, ui | ## Links - npm: https://www.npmjs.com/package/@atlaskit/css-reset - Repository: https://bitbucket.org/atlassian/atlassian-frontend-mirror - Homepage: https://atlassian.design/components/css-reset - Issues: https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues - npm.io page: https://npm.io/package/@atlaskit/css-reset ## Dependencies (2) - [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.0.0 - [@atlaskit/tokens](https://npm.io/package/@atlaskit/tokens.md) ^18.0.0 ## Alternatives - [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads - [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads - [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads - [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads - [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads ## Recent versions - 8.4.4 (latest) — 2026-09-17 - 6.5.2 (next) — 2023-05-17 - 8.4.3 — 2026-09-15 - 8.4.2 — 2026-09-15 - 8.4.1 — 2026-09-09 - 8.4.0 — 2026-08-29 - 8.3.2 — 2026-08-28 - 8.3.1 — 2026-08-21 - 8.3.0 — 2026-08-20 - 8.2.0 — 2026-08-18 - 8.1.3 — 2026-08-11 - 8.1.2 — 2026-08-05 - 8.1.1 — 2026-07-17 - 8.1.0 — 2026-07-08 - 8.0.1 — 2026-06-23 - … 140 more at https://npm.io/package/@atlaskit/css-reset/versions ## README # CSS reset A base stylesheet for ADG. ## Installation ```sh yarn add @atlaskit/css-reset ``` ## Usage [View documentation](https://atlassian.design/components/css-reset/). ## Standalone scrollbar appearance Products that do not consume the full CSS reset can import only the harmonised scrollbar styles: ```ts import '@atlaskit/css-reset/scrollbars.css'; ``` The stylesheet remains inactive until the product adds `data-scrollbar-harmonisation` to the document root. Products own feature-gate evaluation and attribute cleanup. To use the transparent track treatment, add `data-scrollbar-harmonisation-transparent` to that same root only while the base treatment is active. Browser and operating system scrollbar width and visibility preferences remain unchanged. ### Avoiding a flash of un-harmonised scrollbars on SSR pages The attributes above are normally installed on `document.documentElement` at runtime by `useScrollbarHarmonisation` (`@atlaskit/app-provider/use-scrollbar-harmonisation`). On a server-rendered page that hook only runs client-side, so scrollbars briefly render un-harmonised until the effect fires. Products that render `` from a server-side template can instead call `getScrollbarHarmonisationHtmlAttrs` (`@atlaskit/app-provider/get-scrollbar-harmonisation-html-attrs`) and spread its result onto the server-rendered `` element, so the attributes — and therefore these CSS rules — are present from the very first paint. --- _Source: https://npm.io/package/@atlaskit/css-reset · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._