LLMs.txt — React Native

The llms-native.txt file contains the entire motionwind-react-native documentation — installation, API, all animation classes, hooks, gestures, drag, and common patterns — in a single markdown file. Paste it into ChatGPT, Claude, or any LLM so it can write motionwind React Native code for you.

What's included

• Installation and setup for Expo and bare React Native
• Complete mw.* component reference
• useMotionwind and useInView hooks API
• All gesture prefixes with RN handler mappings
• Every animatable property (transforms, visual, layout, typography)
• Transition, viewport, and drag configuration
• Spring physics and easing functions
• 6 common patterns (mount animation, tap, spring, pulse, scroll reveal, drag)
• Web vs. Native differences table
• Troubleshooting guide

How to use

1. Click Copy to clipboard above.
2. Paste it into your LLM conversation as context.
3. Ask it to build React Native components using motionwind classes — it will know the full syntax.

Quick preview

Here's a taste of what the LLM will be able to generate:

import { mw } from "motionwind-react-native";

// Staggered entrance animation
<mw.View className="animate-stagger-100">
  <mw.View className="animate-initial:opacity-0 animate-initial:y-20 animate-enter:opacity-100 animate-enter:y-0 animate-duration-500">
    <mw.Text>First item</mw.Text>
  </mw.View>
  <mw.View className="animate-initial:opacity-0 animate-initial:y-20 animate-enter:opacity-100 animate-enter:y-0 animate-duration-500">
    <mw.Text>Second item</mw.Text>
  </mw.View>
</mw.View>

// Spring tap button
<mw.Pressable className="animate-tap:scale-90 animate-spring animate-stiffness-400 animate-damping-15 bg-blue-500 p-4 rounded-xl">
  <mw.Text className="text-white font-bold text-center">Press me</mw.Text>
</mw.Pressable>

// Draggable card
<mw.View className="animate-drag-both animate-drag-elastic-50 animate-drag-snap bg-gray-800 p-6 rounded-2xl">
  <mw.Text className="text-white">Drag me around</mw.Text>
</mw.View>