Documentation

React Native and Expo

Install the beta Motionwind v2 React Native adapter and understand its tested capability boundary.

React Native and Expo

The beta React Native adapter parses classes at runtime and drives supported styles with Reanimated. It still requires Reanimated's Babel plugin.

npx create-motionwind@2 init --framework=react-native

import { defineConfig, MotionwindProvider, mw } from "motionwind-react-native";

const config = defineConfig({
  adapter: "react-native",
  strict: true,
  reducedMotion: "user",
});

export default function App() {
  return (
    <MotionwindProvider config={config}>
      <mw.Pressable className="animate-tap:scale-95 animate-spring">
        <mw.Text>Press me</mw.Text>
      </mw.Pressable>
    </MotionwindProvider>
  );
}

V2 supports mount transitions, tap/hover/focus handlers where the native component emits them, named variants, reduced motion, and beta scroll-linked values inside mw.ScrollView. Drag, layout projection, animate-inview:*, SVG, and web-only styles produce diagnostics and require direct platform APIs.

Continue with the full React Native installation guide and capability reference.