# reactnatively

> Liquid Glass UI system for React Native & Expo — components, animations, theming

Latest version **4.0.0** (published 2026-05-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install reactnatively
pnpm add reactnatively
yarn add reactnatively
bun add reactnatively
```

## Health

**Score 60/100 (C)** — status: active.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 4.0.0 |
| Published | 2026-05-25 |
| First published | 2026-05-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 2.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 10 |
| Maintainers | hakifred |
| Keywords | react-native, expo, ui, components, design-system, glass, liquid-glass, button, modal, toast, typescript |

## Links

- npm: https://www.npmjs.com/package/reactnatively
- Repository: https://github.com/hakizimana-fred/reactnatively
- Homepage: https://github.com/hakizimana-fred/reactnatively#readme
- Issues: https://github.com/hakizimana-fred/reactnatively/issues
- npm.io page: https://npm.io/package/reactnatively

## Dependencies (6)

- [reactnatively-glass](https://npm.io/package/reactnatively-glass.md) 4.0.0
- [reactnatively-hooks](https://npm.io/package/reactnatively-hooks.md) 4.0.0
- [reactnatively-theme](https://npm.io/package/reactnatively-theme.md) 4.0.0
- [reactnatively-utils](https://npm.io/package/reactnatively-utils.md) 4.0.0
- [reactnatively-animations](https://npm.io/package/reactnatively-animations.md) 4.0.0
- [reactnatively-primitives](https://npm.io/package/reactnatively-primitives.md) 4.0.0

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 4.0.0 (latest) — 2026-05-25
- 2.1.1 — 2026-05-17
- 2.1.0 — 2026-05-11
- 2.0.0 — 2026-05-11
- 1.0.0 — 2026-05-11

## README

# reactnatively

Source for the public `reactnatively` package.

Consumers should normally import everything from this package:

```tsx
import {
  ReactnativelyProvider,
  Button,
  Card,
  GlassView,
  Surface,
  GlassPressable,
  useGlassStyle,
  resolveGlass,
} from 'reactnatively';
```

## Optional Subpaths

The package also exposes focused secondary entry points:

```tsx
import { GlassView } from 'reactnatively/glass';
import { useDisclosure } from 'reactnatively/hooks';
import { Fade } from 'reactnatively/animations';
import { createTheme } from 'reactnatively/theme';
import { Surface } from 'reactnatively/primitives';
import { deepMerge } from 'reactnatively/utils';
```

These subpaths are for power users and docs organization. The primary API is
still the root `reactnatively` import.

## Architecture

`reactnatively` re-exports and composes the workspace packages:

| Workspace package | Responsibility |
|---|---|
| `reactnatively-glass` | Glass renderer and platform policy |
| `reactnatively-theme` | Tokens, themes, recipe engine |
| `reactnatively-animations` | Motion presets, hooks, interaction policy |
| `reactnatively-primitives` | Surface, GlassPressable, portals, accessibility |
| `reactnatively-hooks` | Shared UI hooks |
| `reactnatively-utils` | Utility and type helpers |

## Build

```sh
pnpm --filter reactnatively typecheck
pnpm --filter reactnatively build
```

The build emits:

- `dist/index.*` for the root API
- `dist/glass.*`
- `dist/hooks.*`
- `dist/animations.*`
- `dist/theme.*`
- `dist/primitives.*`
- `dist/utils.*`

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