{"repo":"blazejkustra/react-native-morph-view","free":true,"listed":false,"github":"https://github.com/blazejkustra/react-native-morph-view","clone":"git clone https://github.com/blazejkustra/react-native-morph-view.git","description":"Morph one image into another with a smooth gooey effect.","language":"Kotlin","stars":118,"topics":["expo","morph","react-native","shaders"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-native-morph-view https://github.com/user-attachments/assets/4d66f6e4-369d-44ca-bf58-e3152bc87e5c A React Native view that smoothly morphs one image into another. Flip a single toggle prop and the two shapes blend together with a native shader for a fluid, gooey transition. - Real gooey morph on both platforms — a blur + alpha-threshold shader (Metal on iOS, AGSL on Android) fuses the two silhouettes instead of crossfading them - One prop drives everything — flip toggle and the view animates from from to to and back; no imperative animation code - Works with any image — bundled assets ( require(...) ), remote URLs, or file URIs, via the familiar React Native image source shape - Gooey outline — an optional border traces the morphing silhouette, not a rectangular CSS box around the view - Tunable goop — blurRadius controls how molten the midpoint looks, duration controls the timing - One API, three platforms — iOS, Android, and Web share the same ; web gets an animated crossfade fallback - Fabric / New Architecture only Installation Requirements - React Native 0.76+ (New Architecture / Fabric) - iOS 15.1+ - Android API 33+ (AGSL runtime shaders require Android 13+; older devices fall back to a crossfade) Web setup On web, MorphView resolves image sources through Image.resolveAssetSource , which React Native Web doesn't provide. If you target web, polyfill it before rendering: https://github.com/necolas/react-native-web/pull/2814 Usage Render a MorphView , give it two ima","default_branch":null,"files":null,"tree":[],"storefront":"/r/blazejkustra","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/blazejkustra/react-native-morph-view/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}