# navigation-react-mobile

> React Mobile plugin for the Navigation router

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

## Install

```sh
npm install navigation-react-mobile
pnpm add navigation-react-mobile
yarn add navigation-react-mobile
bun add navigation-react-mobile
```

## Health

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

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

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 3.21.0 |
| Published | 2026-09-23 |
| First published | 2018-01-08 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 152.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 660 |
| Author | Graham Mendick |
| Maintainers | grahammendick |
| Keywords | router, navigation, react, mobile |

## Links

- npm: https://www.npmjs.com/package/navigation-react-mobile
- Repository: https://github.com/grahammendick/navigation
- Homepage: http://grahammendick.github.io/navigation/
- Issues: https://github.com/grahammendick/navigation/issues
- npm.io page: https://npm.io/package/navigation-react-mobile

## Alternatives

- [express-promise-router](https://npm.io/package/express-promise-router.md) — 736.1K weekly downloads
- [next-usequerystate](https://npm.io/package/next-usequerystate.md) — 29.8K weekly downloads
- [@bitkyc08/opencodex](https://npm.io/package/@bitkyc08/opencodex.md) — 4.6K weekly downloads
- [lynkr](https://npm.io/package/lynkr.md) — 575 weekly downloads
- [baremetal.js](https://npm.io/package/baremetal.js.md) — 42 weekly downloads

## Recent versions

- 3.21.0 (latest) — 2026-09-23
- 3.18.0-rsc.0 (rsc) — 2026-06-28
- 3.20.1 — 2026-08-09
- 3.20.0 — 2026-07-30
- 3.19.0 — 2026-07-05
- 3.18.0 — 2026-04-10
- 3.17.0 — 2025-12-17
- 3.16.0 — 2025-09-26
- 3.15.1 — 2025-04-19
- 3.15.0 — 2025-04-13
- 3.14.0 — 2025-03-24
- 3.13.0 — 2024-11-03
- 3.12.0 — 2024-10-14
- 3.11.0 — 2024-09-29
- 3.10.1 — 2023-06-25
- … 25 more at https://npm.io/package/navigation-react-mobile/versions

## README

# Hello World

```jsx
import { StateNavigator } from 'navigation';
import { NavigationHandler, NavigationLink, NavigationBackLink } from 'navigation-react';
import { NavigationMotion, Scene } from 'navigation-react-mobile';

const stateNavigator = new Navigation.StateNavigator([
  { key: 'hello', route: '' },
  { key: 'world', trackCrumbTrail: true }
]);

stateNavigator.start();

const Hello = () => (
  <NavigationLink stateKey="world">
    Hello
  </NavigationLink>
);

const World = () => (
  <NavigationBackLink distance={1}>
    World
  </NavigationBackLink>
);

const App = () => (
  <NavigationHandler stateNavigator={stateNavigator}>
    <NavigationMotion
      unmountedStyle={{ translate: 100 }}
      mountedStyle={{ translate: 0 }}
      crumbStyle={{ translate: -10 }}
      renderMotion={(style, scene, key) => (
        <div
          key={key}
          style={{ transform: `translate(${style.translate}%)` }}>
          {scene}
        </div>
      )}>
      <Scene stateKey="hello"><Hello /></Scene>
      <Scene stateKey="world"><World /></Scene>
    </NavigationMotion>
  </NavigationHandler>
);
```

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