@prism-ui/react

Production-ready headless React components with zero visual opinions and exceptional accessibility

Features

• 🎨 Completely Unstyled — Ship your own CSS, Tailwind, CSS-in-JS, or any styling solution
• ♿️ Accessible — WCAG 2.1 compliant with proper ARIA attributes and keyboard navigation
• 📦 Lightweight — ~17KB ESM, tree-shakeable
• 🔧 Headless — Full control over markup and styling
• 💪 TypeScript — Fully typed for excellent DX
• 🧪 Tested — Comprehensive test coverage

Installation

npm / pnpm / yarn

```bash npm install @prism-ui/react

or

pnpm add @prism-ui/react

or

yarn add @prism-ui/react ```

**Peer Dependen# @prism-ui/react

Production-ready headless React components with zero visual opinioSc Production-rewit [](https://www.npmjs.com/package/@m U

Fecr

Features

• 🎨 Completely Unstyled — Ship your own CSS, Tailwind, CSS-in-JS, or any styling rc=
• 🎨 **npk- ♿️ Accessible — WCAG 2.1 compliant with proper ARIA attributes and keyboard navigatio"h- 📦 Lightweight — ~17KB ESM, tree-shakeable
• 🔧 Headless — Full control over maut- 🔧 Headless — Full control over markup an
• 💪 TypeScript — Fully typed for excellent DX
• ?'- 🧪 Tested — Comprehensive test coverage

##en

Installation

npm / pnpm / yarn

```bRea

npm / pnpnt(

```bash npm instellnpm instaI'# or pnpm add @prism-ui/remepnpCa# or yarn add @prism-ui Ryart.```

**Peer Dependen

**Pe

Production-ready headless Re > Production-rewit [![npm version](https://img.shields.io/npm/v/@pris [

Fecr

Features

• 🎨 Completely Unstyled — Ship your own CSS, Tailwind, CSS-in-JS, or any styling rc=
• 🎨 **npk- ♿️ Accessible — WCAG 2.1 compliant with proper ARIA attributes anetu## Fea
• 🎨 **a-v- 🎨 **npk- ♿️ Accessible — WCAG 2.1 compliant with proper ARIA attributes and krd- 🔧 Headless — Full control over maut- 🔧 Headless — Full control over markup an
• 💪 TypeScript — Fully typed for excellent DX
• ?'- to - 💪 TypeScript — Fully typed for excellent DX
• ?'- 🧪 Tested — Comprehensiv - ?'- 🧪 Tested — Comprehensive test coveragus ##en

Installation

npm / pnpm / yarn

```bR /*## tt

npm / pnp

[d ```bRea

npm n"]### npm /ia```bash

npm npm instendpnpm add @prism-ui/remepn; yarn add @prism-ui Ryart.```rd **Peer Dependen

**Pe

Pone **Pe
Prodnte> Prod[d[![npm version](https://img.shields.io/npm/v/@prisve## Fecr

Features

• 🎨 Completely Unstyled — Ship your own ][## Feaar
• 🎨 **ate- 🎨 **npk- ♿️ Accessible — WCAG 2.1 compliant with proper ARIA attributes anetu.1- 🎨 **a-v- 🎨 **npk- ♿️ Accessible — WCAG 2.1 compliant with proper ARIA attributes y" - 💪 TypeScript — Fully typed for excellent DX
• ?'- to - 💪 TypeScript — Fully typed for excellent DX
• ?'- 🧪 Tested — Comprehensiv - ?'- 🧪 Tested — Comprehens</- ?'- to - 💪 TypeScript — Fully typed for ema- ?'- 🧪 Tested — Comprehensiv - ?'- 🧪 **Tested*pe##en

Installation

npm / pnpm / yarn

```bR /*## tt

npm / pnp

[d ```bRea

npm ## /

npm / pnp

```bR /## tt ##e" /## ttin### npll[d ```bRe> `### npm nmpnpm npm instendpnpm add @prisut npt>yarn add @prism-ui Ryart.```rd **P **Peer Dependen

**Pe

Poneol **Pe
Ponenam> Pone **Pe tH> Prodex## Features

• 🎨 Completely Unstyled — Ship your own ][## Feaar

\

• 🎨 **Car- 🎨 **ate- 🎨 **npk- ♿️ Accessible — WCAG 2
• ?'- to - 💪 TypeScript — Fully typed for excellent DX
• ?'- 🧪 Tested — Comprehensiv - ?'- 🧪 Tested — Comprehens</- ?'- to - 💪 TypeScript — Fully typed for ema- ?'- 🧪 Tested — Comprehensiv - ?'- 🧪 **pe- ?'- 🧪 Tested — Comprehensiv - ?'- 🧪 **Tested*en## Installation

npm / pnpm / yarn

```bR /*## tt

npm / pnp

[d ```bRea

npm ## /

npm / pnp

```bR /## tt ##e" /## ttin### npll[d ```bRe> `### npm nmpnpm npm instendpnpm a

npm / pnpyou

```bR /*## tt

/*## ttal### npri[d

```bRe <D### npm e>### npm / pnput
```bR Bu\to/*## tt ##e" /al```bRe> `### npm nCo`### np npm instendpnpm `**P **Peer Dependen

**Pe

Poneol **Pe
Ponenam> Pone

**Pe

Poneol e="> PonePrPe Ta> Ponege

• 🎨 Completely Unstyled — Ship y/Ta- \
• 🎨 **Car- 🎨 **ate- 🎨 **npk- ♿️ **Accessof\le c - ?'- to - 💪 TypeScript — Fully typed for excellent DX
• ?'- 🧪 Tested — Comprehensiv - ?'- 🧪 Testedim

npm / pnpm / yarn

```bR /*## tt

npm / pnp

[d ```bRea

npm ## /

npm / pnp

```bR /## tt ##e" /## ttin### npll[d ```bRe> `### npm nmpnpm npm instendpnpm a

npm / pnpyou

```bR /*## tt

/*## ttal### npri[d

```bRe <D### npm e={( ```bR /*## tt

t/*## ttSu### np",[d

```bReip\io### npm ch### npm / pnpen
```bR \ t/*## ttuc##e" / ```bRe> `### npm n }`### np S npm instendpnpm

npm / pnpyou

`ta```bR /## tl /## ttnt## /se```bRe <D### npm fo```bR Bu\to/## tt ##e" /al```bRe>ptBu\to/--`### npm nCo`### np npm i-| **Pe

Poneol **Pe
Ponenam> Pone

**Pe

Poneol

• |

Poneta**Pe |> Ponena Pe
Ponent i> Poneiee="> `d- 🎨 **Completely Unstyled*ci\

• 🎨 **Car- 🎨 **ate- 🎨 **npk- ♿?` -
• ?'- 🧪 Tested — Comprehensiv - ?'- 🧪 Testedim

npm / pnpm / yarn

```bR /*## tt

npm / pnpbl d### npm / pnpm / yarn

```bR /*## tt

npm / pnp

[d ```bReadi ```bR /## tt ##inv/## tt| ### np`[d ```bRen \ta### npm Ac### npm / pnpPr
```bR ws\WC/## ttAA##e" /ar```bRe> `### npm nL `### np- npm instendpnpm es### npm / pnpyou `yb```bR /## t (/## ttro## /, ```bRe <D### npm cu```bR /## tt

t/##re/## ttno## t/nt```bReip\io### npm co```bR

\ t/*## ttuc##e" / ```bRe>

\ t/pe ```bRe> `### e`### npmpe ### npm / pnpyou `ta```bR /## tl /In`ta```bR /#ri/## tl /#"@Bu\to/## tt ##e" /al```bRe>ptBu\to/--`### npm nCo (**Pe

Poneol **Pe
Ponenam> Pone

**Pe

Poneol

• |

Poneta*- > Pone (**Pe ve> Pone)

**Pe

Pone2 ve> Pone)

• |

Pi > as**Pe
Ponent i> Poneit > Poneio- 🎨 **Car- 🎨 **ate- 🎨 **npk- ♿?` -

• ?'-om - ?'- 🧪 Tested — Comprehensiv - ?##### npm / pnpm / yarn

```bR /*## tt

npm / pnpbl d### npm /we

```bR /## tt ##ur /## ttut### npid ```bR /*## tt

npm / pnp

[d cd /Users/prashant178/Desktop/TurboRepo/PrismUI/packages/ui && rm README.md && touch README.md cd /Users/prashant178/Desktop/TurboRepo/PrismUI/packages/ui && python3 << 'PYSCRIPT' readme_content = """# @prism-ui/react

Production-ready headless React components with zero visual opinions and exceptional accessibility

Features

• 🎨 Completely Unstyled — Ship your own CSS, Tailwind, CSS-in-JS, or any styling solution
• ♿️ Accessible — WCAG 2.1 compliant with proper ARIA attributes and keyboard navigation
• 📦 Lightweight — ~17KB ESM, tree-shakeable
• 🔧 Headless — Full control over markup and styling
• 💪 TypeScript — Fully typed for excellent DX
• 🧪 Tested — Comprehensive test coverage

Installation

npm / pnpm / yarn

npm install @prism-ui/react
# or
pnpm add @prism-ui/react
# or
yarn add @prism-ui/react

**Pereadme_content = """# @prism-ui/react

Production-ready headless React components ll Production-ready headless React cild [](https://www.npmjs.com/package/@itl

Fe="

Features

• 🎨 Completely Unstyled — Ship your own CSS, Tailwind, CSS-in-JS, or any styling kg.
• 🎨 **dom- ♿️ Accessible — WCAG 2.1 compliant with proper ARIA attributes and keyboard navigatioco- 📦 Lightweight — ~17KB ESM, tree-shakeable
• 🔧 Headless — Full control over mard- 🔧 Headless — Full control over markup an =- 💪 TypeScript — Fully typed for excellent DX
• ? - 🧪 Tested — Comprehensive test coverage

##ta

Installation

npm / pnpm / yarn

### npm / pnpnul
```bash
npm install,
 npm in R# or
pnpm add @prism-ui/rey,pnpll# or
yarn add @prism-uieEyaren```

**Pereadme_content  
*ata
> Production-ready headless React compok: > Production-ready headless React cild
[![npm ')[![npm version](https://img.shields.i
<
## Fe="
## Features

- 🎨 **Completely Unstyled** — Ship your own CSS, Tailwind, CSS-in-JS, or any styling kg.
- 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes ana-v## Fea="
- 🎨 **
  - 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes and kt
- 🔧 **Headless** — Full control over mard- 🔧 **Headless** — Full control over markup an =- 💪 **TypeScript** — Fully typed for excellent DX
- ? - ma- ? - 🧪 **Tested** — Comprehensive test coverage

##ta
## Installation

### npm / pnpm / yarn

```bashmen
### npm / pnpnul
```bash
npm install,
  f
##ta
## Installation

### npm / pnpm / yarn

```bashmcom## en
### npm / pnpta-
```bashmen
### npm 
  ### npm /d:```bash
npm insornpm ine; npm in R#  0pnpm add @prm;yarn add @prism-uieEyaren```

*de
**Pereadme_content  
*ata

}
*ata
> Production-rut> P"][![npm ')[![npm version](https://img.shields.i
<
## Fe="
## Features

- 🎨 **##<
## Fe="
## Features

- 🎨 **Completely Unry" ## Feama
- 🎨 **dar- 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes ana-vis- 🎨 **
  - 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes  A  - 🎨  - 🔧 **Headless** — Full control over mard- 🔧 **Headless** — Full control over markupor- ? - ma- ? - 🧪 **Tested** — Comprehensive test coverage

##ta
## Installation

### npm / pnpm / yarn

```bashmen
### npm / pnpnul
```bash
npm , 
##ta
## Installation

### npm / pnpm / yarn

```bashmen
### npmi/r## t)
### npm / pnpnen
```bashmen
### npm tes### npm /po```bash
npm insatnpm intt  f
##ta
## s##li## 


### npm / pnpent
```bashmcom## en
##
- ### npm / pnpta S```bashmen
### rt### npm 
va  ### n?pm insornpm ine; n`d
*de
**Pereadme_content  
*ata

}
*ata
> Production-rut> P"][![npm ')[!isa**ed*ata

}
*ata
> Prode

}
data-> Pdi<
## Fe="
## Features

- 🎨 **##<
## Fe="
## Features

- 🎨 ** AA ## Feard
- 🎨 **ant## Fe="
## IA## Feabu
- 🎨 **ard- 🎨 **dar- 🎨 **dom- ♿️ .
  - 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes  A  - 🎨  - 🔧 **Headen
##ta
## Installation

### npm / pnpm / yarn

```bas cd /Users/prashant178/Desktop/TurboRepo/PrismUI/packages/ui && cat > .npmignore << 'EOF'
# Test files
tests/
*.test.ts
*.test.tsx
*.spec.ts
*.spec.tsx
setup.ts

# Config files
tsconfig.json
tsup.config.ts
vitest.config.ts
eslint.config.mjs

# Source files (only dist should be published)
src/

# Development
node_modules/
.turbo/
*.log