Our open-source contribution
Wire RN is a generative UI SDK for React Native. The AI decides the UI at runtime. Wire RN renders real native components from the model output. MIT licensed.
See it render native
A live SDK demo. The model returns UI. Wire RN renders native cards, streaming as they arrive.
What Wire RN does
- Registered components you control
- Schema-validated props
- Streaming by default
- First card in ~130ms from the flow cache
- 136 tests
Three steps. Real code. No magic.
Register your components
You declare what your agent can render. Each component gets a name, a description (the LLM's routing hint), and a Zod schema for its props.
name: "MoodCheckIn",
description: "Check in on emotional state.",
propsSchema: z.object({
label: z.string(),
options: z.array(z.string()),
}),
component: MoodCheckIn,
});
The agent picks one
WireAI generates the system prompt from your registry. The agent returns JSON. WireAI validates every field against the schema before anything renders.
"component": "MoodCheckIn",
"props": {
"label": "How are you feeling?",
"options": ["Great", "Okay", "Tired"]
},
"action": "render"
}
WireAI renders it natively
The component appears on screen. When the user taps it, the action flows back to the agent as structured input. The conversation continues.
// User taps "Tired"
// → "I selected: Tired" → agent
// → agent replies with next component
Generative UI for React Native, rendered native
Wire RN speaks A2UI and A2A, so agents can drive native mobile UI directly. Wire it to LangChain agents and the model composes the interface as it reasons.
Bring your own model
Built with the stack we know cold
What people build with it
Agent-ready. Ships with an AGENTS.md, an llms.txt, a wireai-mcp server, and a wire-rn-integration skill, so your coding agent can wire it in. Read the docs or see how to integrate.
Start with the SDK
MIT licensed. Free. Ready in your next build.
Want the managed product built on it? Wire AI dynamic onboarding runs on this SDK. See pricing.
