# Is @radix-ui/react-visually-hidden ESM-only? Can you require() it?

> @radix-ui/react-visually-hidden@1.2.11 ships CommonJS and ESM builds. Dual package — require() works on every Node.js version we test; import works too.

Last verified Sep 9, 2026 against @radix-ui/react-visually-hidden@1.2.11.

@radix-ui/react-visually-hidden publishes both a CommonJS entry and a native ESM entry (ESM added in 1.0.3). require("@radix-ui/react-visually-hidden") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@radix-ui/react-visually-hidden" works alongside it.

## What to do

1. Nothing to change. require("@radix-ui/react-visually-hidden") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import * as reactVisuallyHidden from "@radix-ui/react-visually-hidden" works alongside it; use named imports for what the ESM entry exports.
2. TypeScript: types are bundled; install nothing extra.

## Facts

- Latest: 1.2.11 (Jul 24, 2026)
- Module format: Dual (CommonJS + ESM)
- Last CommonJS version: 1.2.11
- Native ESM since: 1.0.3
- TypeScript types: bundled
- Node engines: not declared
- Weekly downloads: 56.0M
- License: MIT

## Runtime test results for @radix-ui/react-visually-hidden@1.2.11

Installed and executed on Sep 9, 2026 with require("@radix-ui/react-visually-hidden") from a CommonJS file and import "@radix-ui/react-visually-hidden" from an ES module.

| Runtime | require("@radix-ui/react-visually-hidden") | import "@radix-ui/react-visually-hidden" |
|---|---|---|
| Node.js 18 | works | works |
| Node.js 20 | works | works |
| Node.js 22 | works | works |
| Node.js 24 | works | works |
| Node.js 26 | works | works |
| Bun 1.4.0 | works | works |

## How to import @radix-ui/react-visually-hidden

ES modules:

```js
import * as reactVisuallyHidden from "@radix-ui/react-visually-hidden";
```

Namespace import shown because the ESM entry may have no default export; use named imports for what it exports.

CommonJS:

```js
const reactVisuallyHidden = require("@radix-ui/react-visually-hidden");
```

## Module format by version

Derived from the type, main and exports fields of every stable release on npm (40 versions; the newest 40 shown).

| Versions | Format | First published |
|---|---|---|
| 1.0.3 – 1.2.11 | Dual (CommonJS + ESM) | May 26, 2023 |
| 0.0.1 – 1.0.2 | CommonJS | Dec 15, 2020 |

## Frequently asked

**Is @radix-ui/react-visually-hidden ESM-only?**

@radix-ui/react-visually-hidden@1.2.11 ships CommonJS and ESM builds. @radix-ui/react-visually-hidden publishes both a CommonJS entry and a native ESM entry (ESM added in 1.0.3). require("@radix-ui/react-visually-hidden") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "@radix-ui/react-visually-hidden" works alongside it.

**Can I require @radix-ui/react-visually-hidden?**

Yes. @radix-ui/react-visually-hidden ships a CommonJS entry alongside the native ESM entry. require("@radix-ui/react-visually-hidden") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun.

**Does @radix-ui/react-visually-hidden work in Bun?**

Yes. import "@radix-ui/react-visually-hidden" loaded successfully in Bun 1.4.0 on Sep 9, 2026.

**Does @radix-ui/react-visually-hidden ship TypeScript types?**

Yes. @radix-ui/react-visually-hidden bundles its own type declarations; no @types package is needed.

## Links

- [@radix-ui/react-visually-hidden on npm](https://www.npmjs.com/package/@radix-ui/react-visually-hidden)
- [Source repository](https://github.com/radix-ui/primitives)
- [HTML version](https://canirequire.com/package/@radix-ui/react-visually-hidden/)
- [JSON version](https://canirequire.com/package/@radix-ui/react-visually-hidden.json)

---

For scripts and AI agents: any package is at https://canirequire.com/package/<name>/index.md (Markdown) or https://canirequire.com/package/<name>.json (JSON); the site index is https://canirequire.com/llms.txt. Fetch the URL directly; no search needed.