> ## Documentation Index
> Fetch the complete documentation index at: https://docs.napps.io/llms.txt
> Use this file to discover all available pages before exploring further.

# JS UI

JS UI lets you render native mobile interfaces from JavaScript. There are two supported authoring levels:

* React with `@napps/nodes` is the recommended approach for application components.
* Direct JSI nodes are available when you need to control the native tree yourself or integrate another renderer.

## Recommended path

Start with [React UI](/js-ui/react/introduction). It provides JSX, component composition, hooks, styling helpers, animations, gesture handling, Fast Refresh, and React DevTools support.

Use the React subpages to learn about:

* [Hooks](/js-ui/react/hooks)
* [Styling](/js-ui/react/styling)
* [Animations](/js-ui/react/animations)
* [Gestures](/js-ui/react/gestures)
* [Nodes](/js-ui/nodes)

For a runnable set of patterns, see [UI examples](/js-ui/examples).

## Direct integration

[Direct JSI nodes](/js-ui/direct-nodes) documents `RootNode`, `UIContainer`, `UINode`, node operations, and the native tree lifecycle.