# @atlaskit/media-file-preview

> A React Hook to fetch and render file previews. It's overloaded with fancy features like SSR, lazy loading, memory cache and local preview.

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

## Install

```sh
npm install @atlaskit/media-file-preview
pnpm add @atlaskit/media-file-preview
yarn add @atlaskit/media-file-preview
bun add @atlaskit/media-file-preview
```

## Health

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

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

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.3.2 |
| Published | 2026-09-07 |
| First published | 2023-12-20 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 9 |
| Unpacked size | 334.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Atlassian Pty Ltd |
| Maintainers | atlassianartifactteam |

## Links

- npm: https://www.npmjs.com/package/@atlaskit/media-file-preview
- 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-file-preview

## Dependencies (9)

- [lru_map](https://npm.io/package/lru_map.md) ^0.4.1
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.0.0
- [@atlaskit/media-ui](https://npm.io/package/@atlaskit/media-ui.md) ^30.15.0
- [@atlaskit/react-ufo](https://npm.io/package/@atlaskit/react-ufo.md) ^7.8.0
- [@atlaskit/media-client](https://npm.io/package/@atlaskit/media-client.md) ^38.0.0
- [@atlaskit/media-common](https://npm.io/package/@atlaskit/media-common.md) ^14.6.0
- [@atlaskit/media-client-react](https://npm.io/package/@atlaskit/media-client-react.md) ^6.4.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

- 1.3.2 (latest) — 2026-09-07
- 1.3.1 — 2026-09-02
- 1.3.0 — 2026-08-25
- 1.2.0 — 2026-08-20
- 1.1.0 — 2026-06-26
- 1.0.2 — 2026-06-25
- 1.0.1 — 2026-06-23
- 1.0.0 — 2026-06-16
- 0.18.0 — 2026-06-01
- 0.17.2 — 2026-05-21
- 0.17.1 — 2026-05-11
- 0.17.0 — 2026-04-28
- 0.16.5 — 2026-04-16
- 0.16.4 — 2026-03-24
- 0.16.3 — 2026-03-18
- … 52 more at https://npm.io/package/@atlaskit/media-file-preview/versions

## README

# MediaFilePreview

A React Hook to fetch and render file previews. It's overloaded with fancy features like SSR, lazy loading, memory cache and local preview.

## Usage

`import MediaFilePreview from '@atlaskit/media-file-preview';`

Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/media/media-file-preview).

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