# @atlaskit/media-viewer > MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate Latest version **54.8.38** (published 2026-09-21) · Apache-2.0 license · 0 weekly downloads ## Install ```sh npm install @atlaskit/media-viewer pnpm add @atlaskit/media-viewer yarn add @atlaskit/media-viewer bun add @atlaskit/media-viewer ``` ## Health **Score 65/100 (B)** — status: active. Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score. Warnings: low downloads. ## Facts | | | |---|---| | Version | 54.8.38 | | Published | 2026-09-21 | | First published | 2017-04-04 | | Weekly downloads | 0 | | License | Apache-2.0 | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 47 | | Unpacked size | 1.2 MB | | Known vulnerabilities | 0 | | Install scripts | no | | Author | Atlassian Pty Ltd | | Maintainers | atlassianartifactteam | ## Links - npm: https://www.npmjs.com/package/@atlaskit/media-viewer - Repository: https://bitbucket.org/atlassian/atlassian-frontend-mirror - Homepage: https://bitbucket.org/atlassian/atlassian-frontend-mirror#readme - Issues: https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues - npm.io page: https://npm.io/package/@atlaskit/media-viewer ## Dependencies (47) - [mime](https://npm.io/package/mime.md) ^2.4.6 - [fflate](https://npm.io/package/fflate.md) ^0.8.1 - [unzipit](https://npm.io/package/unzipit.md) ^1.3.0 - [deep-equal](https://npm.io/package/deep-equal.md) ^1.0.1 - [perf-marks](https://npm.io/package/perf-marks.md) ^1.5.0 - [@atlaskit/css](https://npm.io/package/@atlaskit/css.md) ^1.1.0 - [@atlaskit/ufo](https://npm.io/package/@atlaskit/ufo.md) ^1.2.0 - [@atlaskit/code](https://npm.io/package/@atlaskit/code.md) ^19.2.0 - [@atlaskit/form](https://npm.io/package/@atlaskit/form.md) ^17.2.0 - [@atlaskit/icon](https://npm.io/package/@atlaskit/icon.md) ^37.7.0 - [@atlaskit/menu](https://npm.io/package/@atlaskit/menu.md) ^11.0.0 - [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.0.0 - [react-loadable](https://npm.io/package/react-loadable.md) ^5.1.0 - [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) ^28.2.0 - [@compiled/react](https://npm.io/package/@compiled/react.md) ^1.0.2 - [@atlaskit/button](https://npm.io/package/@atlaskit/button.md) ^25.3.0 - [@atlaskit/portal](https://npm.io/package/@atlaskit/portal.md) ^7.0.0 - [@atlaskit/tokens](https://npm.io/package/@atlaskit/tokens.md) ^18.2.0 - [@codemirror/view](https://npm.io/package/@codemirror/view.md) 6.36.2 - [@lezer/highlight](https://npm.io/package/@lezer/highlight.md) 1.2.1 - [react-focus-lock](https://npm.io/package/react-focus-lock.md) ^2.9.5 - [react-scrolllock](https://npm.io/package/react-scrolllock.md) ^5.0.1 - [use-callback-ref](https://npm.io/package/use-callback-ref.md) ^1.2.3 - [@atlaskit/heading](https://npm.io/package/@atlaskit/heading.md) ^7.2.0 - [@atlaskit/spinner](https://npm.io/package/@atlaskit/spinner.md) ^20.4.0 - [@atlaskit/tooltip](https://npm.io/package/@atlaskit/tooltip.md) ^24.3.0 - [@codemirror/state](https://npm.io/package/@codemirror/state.md) 6.5.1 - [@atlaskit/icon-lab](https://npm.io/package/@atlaskit/icon-lab.md) ^7.9.0 - [@atlaskit/media-ui](https://npm.io/package/@atlaskit/media-ui.md) ^30.16.0 - [@atlaskit/media-svg](https://npm.io/package/@atlaskit/media-svg.md) ^3.4.0 - [@atlaskit/textfield](https://npm.io/package/@atlaskit/textfield.md) ^10.2.0 - [@kenjiuno/msgreader](https://npm.io/package/@kenjiuno/msgreader.md) ^1.2.6 - [@atlaskit/primitives](https://npm.io/package/@atlaskit/primitives.md) ^22.5.0 - [@codemirror/language](https://npm.io/package/@codemirror/language.md) 6.10.8 - [react-error-boundary](https://npm.io/package/react-error-boundary.md) ^3.1.3 - [@atlaskit/media-state](https://npm.io/package/@atlaskit/media-state.md) ^3.2.0 - [@atlaskit/media-client](https://npm.io/package/@atlaskit/media-client.md) ^38.1.0 - [@atlaskit/media-common](https://npm.io/package/@atlaskit/media-common.md) ^14.6.0 - [@atlaskit/analytics-next](https://npm.io/package/@atlaskit/analytics-next.md) ^12.5.0 - [@atlaskit/icon-file-type](https://npm.io/package/@atlaskit/icon-file-type.md) ^8.3.0 - [@atlaskit/side-navigation](https://npm.io/package/@atlaskit/side-navigation.md) ^13.3.0 - [@codemirror/language-data](https://npm.io/package/@codemirror/language-data.md) 6.5.1 - [@atlaskit/media-client-react](https://npm.io/package/@atlaskit/media-client-react.md) ^6.4.0 - [@atlaskit/tmp-editor-statsig](https://npm.io/package/@atlaskit/tmp-editor-statsig.md) ^201.0.0 - [@atlaskit/media-document-viewer](https://npm.io/package/@atlaskit/media-document-viewer.md) ^2.2.0 - [@atlaskit/react-compiler-gating](https://npm.io/package/@atlaskit/react-compiler-gating.md) ^0.2.0 - [@atlaskit/platform-feature-flags](https://npm.io/package/@atlaskit/platform-feature-flags.md) ^2.2.0 ## Recent versions - 54.8.38 (latest) — 2026-09-21 - 48.0.1 (next) — 2023-05-17 - 54.8.37 — 2026-09-18 - 54.8.36 — 2026-09-17 - 54.8.35 — 2026-09-17 - 54.8.34 — 2026-09-16 - 54.8.33 — 2026-09-16 - 54.8.32 — 2026-09-16 - 54.8.31 — 2026-09-15 - 54.8.30 — 2026-09-15 - 54.8.29 — 2026-09-15 - 54.8.28 — 2026-09-14 - 54.8.27 — 2026-09-14 - 54.8.26 — 2026-09-14 - 54.8.25 — 2026-09-14 - … 669 more at https://npm.io/package/@atlaskit/media-viewer/versions --- _Source: https://npm.io/package/@atlaskit/media-viewer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._