Motion-first React Native components.
AI Collection
The flagship.
Stream Bubble
AI
AI assistant message: thinking → token stream → settle.
✦
npx shadcn add @app-cn/stream-bubble
Copy
Prompt Input
AI
AI composer: auto-grow, attachments, send morphs into a stop with a spinning ring.
⌘ + Enter to send
npx shadcn add @app-cn/prompt-input
Copy
Reasoning Trace
AI
Collapsible chain-of-thought with a shimmer; auto-collapses when the answer lands.
Reasoning
Lead with the recommendation, then the one tradeoff that matters — a single sentence reads faster than a list here.
npx shadcn add @app-cn/reasoning-trace
Copy
Voice Sphere
AI
True-3D particle sphere that breathes when idle and ripples with sound when active.
npx shadcn add @app-cn/voice-sphere
Copy
Blocks
Composite, ready-to-ship.
Chat
BLOCK
The AI chat block: streaming replies, a docked composer, starter prompts, and magnetic stream-follow.
How do I add a button?
npx shadcn add @app-cn/button — ships a press-scale + variants.
npx shadcn add @app-cn/chat
Copy
Base
Building blocks.
Button
Base
Pressable with a Reanimated press-scale and variants.
Get started
Outline
npx shadcn add @app-cn/button
Copy
Own your React Native UI.
Docs
GitHub
npm
v1.0.0 · you own the code
AI
Blocks
Base