react-native-ai-animations 0.0.0-stage → 0.8.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ahmet Kar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,175 @@
-# Temporary Holding Version
+# React Native AI Animations
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Animated React Native and Expo components for AI chat apps: streaming text,
+shimmer loading text, thinking and status indicators, voice orbs and
+waveforms, image and video generation loaders, question cards and reasoning
+effort bars. Built on Reanimated and Skia, themeable, and reduce motion aware.
+
+```bash
+npx expo install react-native-ai-animations react-native-reanimated react-native-worklets
+```
+
+Formerly published as `nami-motion`: replace `nami-motion` with
+`react-native-ai-animations` in your imports.
+
+## Components
+
+<table>
+  <tr>
+    <td align="center" valign="top" width="33%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/spinning-mark.gif" width="200" alt="Spinning Mark recording" /><br /><b>Spinning Mark</b><br /><code>react-native-ai-animations/brand</code></td>
+    <td align="center" valign="top" width="33%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/shimmer-text.gif" width="200" alt="Shimmer Text recording" /><br /><b>Shimmer Text</b><br /><code>react-native-ai-animations/text</code></td>
+    <td align="center" valign="top" width="33%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/streaming-text.gif" width="200" alt="Streaming Text recording" /><br /><b>Streaming Text</b><br /><code>react-native-ai-animations/text</code></td>
+  </tr>
+  <tr>
+    <td align="center" valign="top" width="33%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/status-row.gif" width="200" alt="Status Row recording" /><br /><b>Status Row</b><br /><code>react-native-ai-animations/chat</code></td>
+    <td align="center" valign="top" width="33%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/thinking-block.gif" width="200" alt="Thinking Block recording" /><br /><b>Thinking Block</b><br /><code>react-native-ai-animations/chat</code></td>
+    <td align="center" valign="top" width="33%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/question-card.gif" width="200" alt="Question Card recording" /><br /><b>Question Card</b><br /><code>react-native-ai-animations/chat</code></td>
+  </tr>
+  <tr>
+    <td align="center" valign="top" width="33%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/effort-bar.gif" width="200" alt="Effort Bar recording" /><br /><b>Effort Bar</b><br /><code>react-native-ai-animations/chat</code></td>
+    <td align="center" valign="top" width="33%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/media-generating.gif" width="200" alt="Media Generating recording" /><br /><b>Media Generating</b><br /><code>react-native-ai-animations/skia</code></td>
+    <td align="center" valign="top" width="33%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/voice-wave.gif" width="200" alt="Voice Wave recording" /><br /><b>Voice Wave</b><br /><code>react-native-ai-animations/skia</code></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td align="center" valign="top" width="50%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/shimmer-text.gif" width="160" alt="Shimmer Text recording" /><br /><b>Shimmer Text</b><br /><code>react-native-ai-animations/text</code><br /><a href="https://github.com/AhmeetKaar/nami-motion/raw/main/media/shimmer-text.mp4">10s video</a></td>
+    <td align="center" valign="top" width="50%"><img src="https://raw.githubusercontent.com/AhmeetKaar/nami-motion/main/media/voice-wave.gif" width="160" alt="Voice Wave recording" /><br /><b>Voice Wave</b><br /><code>react-native-ai-animations/skia</code><br /><a href="https://github.com/AhmeetKaar/nami-motion/raw/main/media/voice-wave.mp4">10s video</a></td>
+  </tr>
+</table>
+
+| Component | Entry | What it does |
+| --- | --- | --- |
+| Shimmer Text | `react-native-ai-animations/text` | A light band sweeping across text while a response is being generated. |
+| Streaming Text | `react-native-ai-animations/text` | Words of a streaming answer fade and rise in, with a blinking caret. |
+| Spoken Text | `react-native-ai-animations/text` | Highlights the word being spoken and dims the words already read aloud, for voice replies. |
+| Spinning Mark | `react-native-ai-animations/brand` | Spins any icon you pass (your logo) with optional breathing and entrance. |
+| Media Generating | `react-native-ai-animations/skia` | One loading state shared by image and video generation, with six variants (blobs, matrix, orbit, scan, constellation, helix). `ImageGenerating` and `VideoGenerating` are its presets. |
+| DotOrb | `react-native-ai-animations/skia` | Dot sphere pictures behind the media variants, also usable on their own. |
+| Liquid Orb | `react-native-ai-animations/skia` | Liquid voice orb in metal, water, iridescent or ring material that reacts to idle, listening, thinking and speaking states and a live level. |
+| Voice Wave | `react-native-ai-animations/skia` | Live microphone waveform in four styles: lines, bars, dots and pulse. |
+| Status Row | `react-native-ai-animations/chat` | Pulsing icon, shimmering label and elapsed timer for agent status. |
+| Thinking Block | `react-native-ai-animations/chat` | "Thought for Ns" header that springs open into a step timeline. |
+| Question Card | `react-native-ai-animations/chat` | Paged questions with numbered options and a custom answer, for cards or sheets. |
+| Effort Bar | `react-native-ai-animations/chat` | Reasoning effort bar wired to `reasoning.effort` (low, medium, high) in four styles: rising bars (default), track, segmented pill and a slider whose knob stretches as you drag and snaps to a level under a tab with your model name, each with a compact form and a per level icon. |
+
+Every style is also its own component with the same props minus `variant`:
+`VoiceWaveLines`, `VoiceWaveBars`, `VoiceWaveDots` and `VoiceWavePulse`;
+`EffortBars`, `EffortTrack`, `EffortSegmented` and
+`EffortSlider`; `MediaGeneratingBlobs`, `MediaGeneratingMatrix`,
+`MediaGeneratingOrbit`, `MediaGeneratingScan`, `MediaGeneratingConstellation`
+and `MediaGeneratingHelix`; and `QuestionSheet`.
+
+Every component takes its icon, font, colors and timing as props and falls back
+to a static state when reduce motion is on. `react-native-ai-animations/theme` ships the
+Moodstone palette with `MotionThemeProvider` and `useMotionPalette`; pass
+`colors` to override one component.
+
+Optional peer: `@shopify/react-native-skia` for `react-native-ai-animations/skia`.
+
+### Shimmer Text
+
+```tsx
+import { ShimmerText } from "react-native-ai-animations/text";
+
+<ShimmerText text="Generating a response" activeColor={colors.text} mutedColor={colors.textTertiary} />;
+```
+
+### Spinning Mark
+
+```tsx
+import { SpinningMark } from "react-native-ai-animations/brand";
+
+<SpinningMark size={160} duration={3600} breathe entrance>
+  <Image source={require("./logo.png")} style={{ width: 160, height: 160 }} />
+</SpinningMark>;
+```
+
+### Streaming Text, Status Row, Thinking Block
+
+```tsx
+import { StreamingText } from "react-native-ai-animations/text";
+import { StatusRow, ThinkingBlock } from "react-native-ai-animations/chat";
+
+<StatusRow label="Searching the web" icon={<Logo />} startedAt={startedAt} />;
+<ThinkingBlock thinking={thinking} startedAt={startedAt} steps={steps} />;
+<StreamingText text={answer} streaming={streaming} textStyle={{ fontFamily: "Inter" }} />;
+```
+
+### Media Generating (shared by image and video)
+
+```tsx
+import { ImageGenerating, MediaGenerating, VideoGenerating } from "react-native-ai-animations/skia";
+
+<MediaGenerating variant="constellation" label="Creating image" startedAt={startedAt} />;
+<MediaGenerating variant="scan" chrome="overlay" status="generating" progress={0.42} meta="720p · 6s" aspectRatio={16 / 9} />;
+<ImageGenerating variant="helix" startedAt={startedAt} />;
+<VideoGenerating status="queued" variant="orbit" />;
+```
+
+### Effort Bar
+
+`REASONING_EFFORTS` matches the `reasoning.effort` values OpenRouter and most reasoning APIs take (`low`, `medium`, `high`), with each level's share of max_tokens. `variant` picks the style: `bars` (default), `track`, `segmented` or `slider`; `size="compact"` gives each one a small inline form for model rows, `fillColors` tints any of them, `tabLabel` puts your model name in the slider's tab and `levelIcon` swaps every level name for your own icon, so the state reads without text. EffortBar is only the bar: put your own title, level label or description around it, wherever your UX needs it.
+
+```tsx
+import { EffortBar, REASONING_EFFORTS, reasoningRequest } from "react-native-ai-animations/chat";
+
+<EffortBar levels={REASONING_EFFORTS} value={index} onChange={(i, level) => setEffort(level.value)} accessibilityLabel="Reasoning" />;
+<EffortBar levels={REASONING_EFFORTS} value={index} onChange={(i) => setIndex(i)} variant="segmented" />;
+<EffortBar levels={REASONING_EFFORTS} value={index} onChange={(i) => setIndex(i)} variant="slider" tabLabel={model.name} fillColors={["#5AA2FF", "#2F7BF5"]} levelIcon={(i, color) => <BrainIcon level={i} color={color} />} />;
+<EffortBar levels={REASONING_EFFORTS} value={index} variant="slider" size="compact" />;
+
+const body = { model, messages, max_tokens: 16000, ...reasoningRequest(effort) };
+```
+
+### Question Card
+
+```tsx
+import { QuestionCard } from "react-native-ai-animations/chat";
+
+<QuestionCard questions={questions} variant="sheet" onSubmit={(answers) => send(answers)} />;
+```
+
+Both components take a `ref` with `select(index)`, `goTo(page)` and `submit()`, so a demo, a voice flow or a test can drive the questions without touches.
+
+### Voice Wave
+
+```tsx
+import { useSharedValue } from "react-native-reanimated";
+import { VoiceWave } from "react-native-ai-animations/skia";
+
+const level = useSharedValue(0);
+
+<VoiceWave level={level} variant="bars" colors={["#1F8A70", "#88C9F7", "#5FC7B0"]} />;
+```
+
+### Liquid Orb and Spoken Text (voice mode)
+
+`LiquidOrb` is a Skia liquid orb in `metal`, `water` or `iridescent`, or three glowing loops with `ring` (color them with `colors`); `state` switches between `idle`, `listening`, `thinking` and `speaking`, and `level` (0-1) makes it swell while listening or speaking. `SpokenText` highlights the word being read aloud: pass the index of the current word as `spoken`.
+
+```tsx
+import { useSharedValue } from "react-native-reanimated";
+import { LiquidOrb } from "react-native-ai-animations/skia";
+import { SpokenText } from "react-native-ai-animations/text";
+
+const level = useSharedValue(0);
+
+<LiquidOrb material="water" state={isRecording ? "listening" : "idle"} level={level} size={240} />;
+<LiquidOrb material="ring" state="listening" level={level} size={240} colors={["#1F8A70", "#88C9F7", "#5FC7B0"]} />;
+<SpokenText text={reply} spoken={wordIndex} textStyle={{ fontFamily: "Inter", fontSize: 20, lineHeight: 28 }} />;
+```
+
+## Development
+
+```bash
+npm install
+npm run typecheck
+npm run build
+```
+
+Changes that affect the package need a changeset: `npm run changeset`.
+
+## License
+
+MIT.

package/lib/module/brand/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { SpinningMark } from "./spinning-mark.js";
+//# sourceMappingURL=index.js.map

package/lib/module/brand/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SpinningMark"],"sourceRoot":"../../../src","sources":["brand/index.ts"],"mappings":";;AAAA,SACEA,YAAY,QAGP,oBAAiB","ignoreList":[]}

package/lib/module/brand/spinning-mark.js

@@ -0,0 +1,96 @@
+"use strict";
+
+import { useEffect } from "react";
+import Animated, { cancelAnimation, Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withRepeat, withSequence, withSpring, withTiming } from "react-native-reanimated";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_DURATION = 3630;
+const DEFAULT_BREATHE = {
+  scale: 1.06,
+  duration: 1800
+};
+const ENTRANCE_SPRING = {
+  damping: 14,
+  stiffness: 120,
+  mass: 1
+};
+export function SpinningMark({
+  children,
+  size,
+  duration = DEFAULT_DURATION,
+  direction = "clockwise",
+  easing = Easing.linear,
+  breathe = false,
+  entrance = false,
+  paused = false,
+  style,
+  accessibilityLabel
+}) {
+  const reduceMotion = useReducedMotion();
+  const angle = useSharedValue(0);
+  const pulse = useSharedValue(1);
+  const intro = useSharedValue(entrance && !reduceMotion ? 0 : 1);
+  const sign = direction === "clockwise" ? 1 : -1;
+  const breatheScale = breathe ? (breathe === true ? undefined : breathe.scale) ?? DEFAULT_BREATHE.scale : 1;
+  const breatheDuration = breathe ? (breathe === true ? undefined : breathe.duration) ?? DEFAULT_BREATHE.duration : 0;
+  useEffect(() => {
+    if (reduceMotion || paused) {
+      cancelAnimation(angle);
+      return;
+    }
+    const start = angle.value % 360;
+    angle.value = start;
+    angle.value = withRepeat(withTiming(start + 360, {
+      duration,
+      easing
+    }), -1, false);
+    return () => cancelAnimation(angle);
+  }, [angle, duration, easing, paused, reduceMotion]);
+  useEffect(() => {
+    if (reduceMotion || paused || breatheScale === 1) {
+      cancelAnimation(pulse);
+      pulse.value = withTiming(1, {
+        duration: 200
+      });
+      return;
+    }
+    const half = breatheDuration / 2;
+    const curve = Easing.inOut(Easing.sin);
+    pulse.value = withRepeat(withSequence(withTiming(breatheScale, {
+      duration: half,
+      easing: curve
+    }), withTiming(1, {
+      duration: half,
+      easing: curve
+    })), -1, false);
+    return () => cancelAnimation(pulse);
+  }, [breatheDuration, breatheScale, paused, pulse, reduceMotion]);
+  useEffect(() => {
+    if (!entrance || reduceMotion) {
+      intro.value = 1;
+      return;
+    }
+    intro.value = withSpring(1, ENTRANCE_SPRING);
+  }, [entrance, intro, reduceMotion]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: Math.min(1, intro.value * 1.4),
+    transform: [{
+      rotate: `${sign * angle.value - (1 - intro.value) * 90 * sign}deg`
+    }, {
+      scale: pulse.value * (0.6 + intro.value * 0.4)
+    }]
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    accessible: !!accessibilityLabel,
+    accessibilityRole: accessibilityLabel ? "image" : undefined,
+    accessibilityLabel: accessibilityLabel,
+    style: [size !== undefined && {
+      width: size,
+      height: size
+    }, {
+      alignItems: "center",
+      justifyContent: "center"
+    }, style, animatedStyle],
+    children: children
+  });
+}
+//# sourceMappingURL=spinning-mark.js.map

package/lib/module/brand/spinning-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","Animated","cancelAnimation","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withRepeat","withSequence","withSpring","withTiming","jsx","_jsx","DEFAULT_DURATION","DEFAULT_BREATHE","scale","duration","ENTRANCE_SPRING","damping","stiffness","mass","SpinningMark","children","size","direction","easing","linear","breathe","entrance","paused","style","accessibilityLabel","reduceMotion","angle","pulse","intro","sign","breatheScale","undefined","breatheDuration","start","value","half","curve","inOut","sin","animatedStyle","opacity","Math","min","transform","rotate","View","accessible","accessibilityRole","width","height","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["brand/spinning-mark.tsx"],"mappings":"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","ignoreList":[]}