Jelly for React Native

Add visual feedback directly inside your React Native debug builds. Long-press a component, leave a note, and send your coding agent the component name, source line, hierarchy, and screenshot.

Status: under active construction. The core feedback format, capture flow, persistence, sync, and first version of the UI are in place. A runnable sample app is available. On-device polish and cross-platform parity work are still in progress.

Why React Native needs its own Jelly

React Native is still React. So Jelly reads the actual fiber tree and captures real component names like PrimaryButton or CheckoutCard, along with source locations like src/Button.tsx:42.

The native iOS or Android SDK can only see native containers like RCTView. This React Native client understands the components your team actually works with.

Set it up

Mount one <Jelly> at the root of your app and keep it gated behind __DEV__.

// App.tsx
import { Jelly } from "jelly-react-native";

export default function App() {
  return (
    <Jelly enabled={__DEV__}>
      <RootNavigator />
    </Jelly>
  );
}

Turn on annotate mode, long-press the component you want to comment on, and Jelly captures the component, hierarchy, source line, feedback, and screenshot.

You can export to the clipboard, native share sheet, or MCP endpoint.

Same format as every other client

The output markdown and Annotation JSON match the web, iOS, and Android clients. Your coding agent gets the same fields, no matter where the feedback came from.