# react-native-css-interop

> Provides a layer of interoperability between React Native and CSS stylesheets allowing to use CSS as a styling language for both React Native and React Native Web. The interoperability goes beyond basic styles allows the use of modern features such as CSS

Latest version **0.2.7** (published 2026-09-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-css-interop
pnpm add react-native-css-interop
yarn add react-native-css-interop
bun add react-native-css-interop
```

## Health

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

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

Warnings: low downloads; no esm support; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.2.7 |
| Published | 2026-09-14 |
| First published | 2023-07-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Node | >=18 |
| Dependencies | 6 |
| Unpacked size | 962.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 8093 |
| Author | Mark Lawlor |
| Maintainers | marklawlor, onlydans |
| Keywords | react-native, react, native, theme, style |

## Links

- npm: https://www.npmjs.com/package/react-native-css-interop
- Repository: https://github.com/nativewind/nativewind
- Homepage: https://nativewind.dev
- Issues: https://github.com/nativewind/nativewind/issues
- npm.io page: https://npm.io/package/react-native-css-interop

## Dependencies (6)

- [debug](https://npm.io/package/debug.md) ^4.3.7
- [semver](https://npm.io/package/semver.md) ^7.6.3
- [@babel/types](https://npm.io/package/@babel/types.md) ^7.23.0
- [lightningcss](https://npm.io/package/lightningcss.md) ~1.27.0
- [@babel/traverse](https://npm.io/package/@babel/traverse.md) ^7.23.0
- [@babel/helper-module-imports](https://npm.io/package/@babel/helper-module-imports.md) ^7.22.15

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.2.7 (latest) — 2026-09-14
- 0.1.21 (snapshot) — 2024-11-04
- 0.1.18 (next) — 2024-10-22
- 0.0.36 (canary) — 2024-02-20
- 0.0.0-alpha.27 (alpha) — 2023-10-31
- 0.0.0-alpha.11 (v4-alpha) — 2023-10-03
- 0.2.6 — 2026-06-22
- 0.2.5 — 2026-06-05
- 0.2.4 — 2026-05-15
- 0.2.3 — 2026-03-15
- 0.2.2 — 2026-02-19
- 0.2.1 — 2025-09-14
- 0.2.0 — 2025-09-11
- 0.1.22 — 2024-11-04
- 0.0.0-20241031002802 — 2024-10-31
- … 155 more at https://npm.io/package/react-native-css-interop/versions

## README

# react-native-css-interop

Provides a layer of interoperability between React Native and CSS stylesheets allowing to use CSS as a styling language for both React Native and React Native Web. The interoperability goes beyond basic styles allows the use of modern features such as CSS Variables, Viewport Units and, Media and Container queries.

This is not a full implementation of the CSS spec. It is a highly **opinionated** view on how React Native projects can work with CSS.

---
_Source: https://npm.io/package/react-native-css-interop · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._