Components
browse the 39 items by AI family
No items match that filter.
Conversation
3Checkpoint
A restorable point, rendered as a divider through the transcript. Restoring TRUNCATES the conversation, so it confirms…
Conversation
Virtualized transcript. Inverted FlatList with maintainVisibleContentPosition, so stick-to-bottom is free and releases…
Open In Chat
The open-this-query-elsewhere hand-off (UC-CHAT-05 AC-4): the same six targets and the same menu as the web, with the…
npx @react-native-reusables/cli@latest add https://rnraielements.com/r/nativewind/checkpoint.json https://rnraielements.com/r/nativewind/conversation.json https://rnraielements.com/r/nativewind/open-in-chat.jsonnpx @react-native-reusables/cli@latest add https://rnraielements.com/r/uniwind/checkpoint.json https://rnraielements.com/r/uniwind/conversation.json https://rnraielements.com/r/uniwind/open-in-chat.jsonMessage
7Shimmer
The still-generating signal, applied to text. React Native has no background-clip:text, so this reuses RNR Skeleton's…
Image
A model-generated image. Takes the AI SDK result object and builds the data URI internally, preserving the web prop…
Persona
Identity surface: avatar, name, description, status. DIVERGES from the web original, which is a Rive animation — the…
Message
One turn. The prop is `from`, not `role`. Markdown is INJECTED via renderMarkdown and defaults to plain Text, which…
Question
The agent asks, the user answers with one tap — the PRD's touch verdict, where a tap IS the submission and the choice…
Queue
The queued-actions list: a collapsible section with the count on the trigger and a remove action per row. The component…
Attachments
The pending-attachment chips above the composer (UC-CHAT-03 AC-3), in the web original's grid/inline/list variants,…
npx @react-native-reusables/cli@latest add https://rnraielements.com/r/nativewind/shimmer.json https://rnraielements.com/r/nativewind/image.json https://rnraielements.com/r/nativewind/persona.json https://rnraielements.com/r/nativewind/message.json https://rnraielements.com/r/nativewind/question.json https://rnraielements.com/r/nativewind/queue.json https://rnraielements.com/r/nativewind/attachments.jsonnpx @react-native-reusables/cli@latest add https://rnraielements.com/r/uniwind/shimmer.json https://rnraielements.com/r/uniwind/image.json https://rnraielements.com/r/uniwind/persona.json https://rnraielements.com/r/uniwind/message.json https://rnraielements.com/r/uniwind/question.json https://rnraielements.com/r/uniwind/queue.json https://rnraielements.com/r/uniwind/attachments.jsonPrompt Input
6Speech Input
Push-to-talk. Ships the web original's caller-supplied-transcriber contract as the ONLY contract, so no speech…
Prompt Input
The composer at web parity: provider/controller context, attachment chips over the native pickers, the + tools menu…
Model Selector
The searchable model picker, composed on the command atom. Port-adapted per the PRD verdict: a dropdown on web becomes…
Mic Selector
The audio input route picker (UC-VOICE-01 AC-3). Native-substitute per the PRD verdict: iOS and Android expose audio…
Voice Selector
The TTS voice picker (UC-VOICE-02 AC-2). Port-adapted per the PRD verdict: a bottom sheet whose voice set comes from…
Transcription
The live transcript (UC-VOICE-01 AC-2), port-at-parity per the PRD verdict — display-only; capture belongs to…
npx @react-native-reusables/cli@latest add https://rnraielements.com/r/nativewind/speech-input.json https://rnraielements.com/r/nativewind/prompt-input.json https://rnraielements.com/r/nativewind/model-selector.json https://rnraielements.com/r/nativewind/mic-selector.json https://rnraielements.com/r/nativewind/voice-selector.json https://rnraielements.com/r/nativewind/transcription.jsonnpx @react-native-reusables/cli@latest add https://rnraielements.com/r/uniwind/speech-input.json https://rnraielements.com/r/uniwind/prompt-input.json https://rnraielements.com/r/uniwind/model-selector.json https://rnraielements.com/r/uniwind/mic-selector.json https://rnraielements.com/r/uniwind/voice-selector.json https://rnraielements.com/r/uniwind/transcription.jsonReasoning
7Reasoning
The collapsible thinking trace. Auto-opens while streaming, auto-closes one second after the answer begins, never…
Task
What the agent did or is doing: status per row, animated on change, with file chips that flow and wrap. Collapsed by…
Agent
The identity/run surface: the persona molecule in the header plus a run-state badge and the thumb-reachable…
Chain of Thought
The multi-step reasoning list — distinct from reasoning, which stays the single collapsible trace. Ordered steps with…
Plan
The agent's plan: a card + collapsible shell whose steps are the TASK organism's own rows — composed by the consumer,…
Confirmation
Human-in-the-loop approve/deny sized for a thumb. Renders NOTHING without an approval or while arguments are still…
Context
The context-window budget chip and its press-opened breakdown (the PRD verdict turns the web's hover card into a…
npx @react-native-reusables/cli@latest add https://rnraielements.com/r/nativewind/reasoning.json https://rnraielements.com/r/nativewind/task.json https://rnraielements.com/r/nativewind/agent.json https://rnraielements.com/r/nativewind/chain-of-thought.json https://rnraielements.com/r/nativewind/plan.json https://rnraielements.com/r/nativewind/confirmation.json https://rnraielements.com/r/nativewind/context.jsonnpx @react-native-reusables/cli@latest add https://rnraielements.com/r/uniwind/reasoning.json https://rnraielements.com/r/uniwind/task.json https://rnraielements.com/r/uniwind/agent.json https://rnraielements.com/r/uniwind/chain-of-thought.json https://rnraielements.com/r/uniwind/plan.json https://rnraielements.com/r/uniwind/confirmation.json https://rnraielements.com/r/uniwind/context.jsonSources
4Sources
The grouped sources behind an answer: a collapsible whose trigger reads the web original's Used N sources and whose…
Inline Citation
The reference chip inline with the claim it backs, rendered as nested Text so it sits inside a text run exactly as the…
Audio Player
Transport controls and a scrubbable progress bar for a generated audio response (UC-VOICE-02 AC-1/AC-4).…
Web Preview
A live page rendered inside the app (UC-CODE-03), native-substitute per the PRD verdict: the iframe is replaced by a…
npx @react-native-reusables/cli@latest add https://rnraielements.com/r/nativewind/sources.json https://rnraielements.com/r/nativewind/inline-citation.json https://rnraielements.com/r/nativewind/audio-player.json https://rnraielements.com/r/nativewind/web-preview.jsonnpx @react-native-reusables/cli@latest add https://rnraielements.com/r/uniwind/sources.json https://rnraielements.com/r/uniwind/inline-citation.json https://rnraielements.com/r/uniwind/audio-player.json https://rnraielements.com/r/uniwind/web-preview.jsonSuggestion
1npx @react-native-reusables/cli@latest add https://rnraielements.com/r/nativewind/suggestion.jsonnpx @react-native-reusables/cli@latest add https://rnraielements.com/r/uniwind/suggestion.jsonTool
11Tool
The tool-call card: status badge and disclosure for arguments and result. Covers every AI SDK tool-part state with no…
Artifact
The container for a generated deliverable, with the web original's header chrome: title, description, actions, close,…
Snippet
The small copyable command the assistant hands over, composed on the registered input-group exactly as the web composes…
Commit
A commit reference row with its changed files behind a disclosure: hash chip, message, author, relative timestamp, and…
Terminal
Read-only, horizontally scrollable monospace log view with ANSI colors mapped to theme tokens (UC-CODE-02 AC-1/AC-4).…
File Tree
The agent workspace browser (UC-CODE-01 AC-1: expand and collapse directories on a phone-width screen). Port-adapted…
Environment Variables
Masked key/value rows for the agent's environment (UC-CODE-01 AC-4: masked by default, reveal a single value on…
Package Info
Card of package name, version, and a copyable install command (UC-CODE-01 AC-3) — port-at-parity per the PRD verdict,…
Stack Trace
The parsed error trace behind a disclosure (UC-CODE-02 AC-3/AC-4: every frame's file and line legible at phone width;…
Schema Display
A REST endpoint's schema card (UC-AGENT-05 AC-5: a tool's parameter schema in a nested view that remains legible at…
Test Results
A test run summarized rather than dumped (UC-CODE-02 AC-2: passed/failed/skipped counts and a failing test that expands…
npx @react-native-reusables/cli@latest add https://rnraielements.com/r/nativewind/tool.json https://rnraielements.com/r/nativewind/artifact.json https://rnraielements.com/r/nativewind/snippet.json https://rnraielements.com/r/nativewind/commit.json https://rnraielements.com/r/nativewind/terminal.json https://rnraielements.com/r/nativewind/file-tree.json https://rnraielements.com/r/nativewind/environment-variables.json https://rnraielements.com/r/nativewind/package-info.json https://rnraielements.com/r/nativewind/stack-trace.json https://rnraielements.com/r/nativewind/schema-display.json https://rnraielements.com/r/nativewind/test-results.jsonnpx @react-native-reusables/cli@latest add https://rnraielements.com/r/uniwind/tool.json https://rnraielements.com/r/uniwind/artifact.json https://rnraielements.com/r/uniwind/snippet.json https://rnraielements.com/r/uniwind/commit.json https://rnraielements.com/r/uniwind/terminal.json https://rnraielements.com/r/uniwind/file-tree.json https://rnraielements.com/r/uniwind/environment-variables.json https://rnraielements.com/r/uniwind/package-info.json https://rnraielements.com/r/uniwind/stack-trace.json https://rnraielements.com/r/uniwind/schema-display.json https://rnraielements.com/r/uniwind/test-results.jsonDev client requirements
Opt-in items requires a dev client — install the listed peers and declare the platform permissions before the first dev-client build.
| Item | Peer dependencies | iOS permissions | Android permissions |
|---|---|---|---|
Enriched markdown | react-native-enriched-markdown 1.0.2 | NSPhotoLibraryAddUsageDescription | INTERNET |
Streamdown | react-native-streamdown 0.3.0, react-native-enriched-markdown >=1.0.0, react-native-worklets >=0.10.0, remend 1.3.0 | NSPhotoLibraryAddUsageDescription | INTERNET |
Speech recognition | expo-speech-recognition 57.0.0 | NSMicrophoneUsageDescription, NSSpeechRecognitionUsageDescription | RECORD_AUDIO |
Extended audio | expo-audio 57.0.5 | NSMicrophoneUsageDescription | RECORD_AUDIO |