# react-native-shared-element

Native shared element transition "primitives" for react-native 💫

Repository: https://github.com/IjzerenHein/react-native-shared-element
Canonical: https://ross.abutalabs.com/products/react-native-shared-element
Language: TypeScript
License: MIT
License Family: permissive
Topics: react-native, visual-standin, clone, clone-view, image-clone, shared-element, shared-element-transition, magic-move
Last push: 2025-01-21T16:04:31+00:00
Link (homepage): https://github.com/IjzerenHein/react-native-shared-element

## Health v2 (maintenance only)
Score: 24/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 2, release rhythm 8, longevity 100
- inputs: {"age_days": 2653, "days_push": 589, "days_rel": 589, "gap_med": null, "n_releases_24m": 1}
- flags: prerelease_only
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2331, forks 113 (observed 2026-08-28T04:06:37.762292+00:00)

## What it is
A React Native library providing native shared element transition primitives for smooth element transitions between screens. It offers low-level building blocks intended for use by navigation or transition libraries, with a separate binding available for React Navigation.

## Use cases
- animate an image expanding from a grid thumbnail to a full-screen detail view in React Native
- create flicker-free shared element transitions between screens on Android and iOS
- add magic-move transitions to a React Navigation app
- transition borders, shadows, background colors, and image resizeMode between views
- build custom router or transition libraries with native shared element support

## When to choose
- you need performant, native shared element transitions in a React Native app
- you want to avoid flicker and bridge overhead during transitions
- you use React Navigation and want shared element transitions via its binding

## When to avoid
- your project is not React Native
- you need a full navigation or router solution rather than transition primitives
- you rely on Expo Go, since the library requires a development build as of Expo SDK 49

## Facets
- artifact type: library
- maturity: stable
- function: animation, ui-components, mobile-framework
- domain: mobile-development, frontend, cross-platform
- platform: windows, cross-platform
- tags: react-native, shared-element-transition, magic-move, navigation, expo, ios, android

## Member repositories
- IjzerenHein/react-native-shared-element (main) score 24
- IjzerenHein/react-navigation-shared-element (plugin) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:37.762292+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:37:58.191604+00:00, confidence not recorded.
  - readme: https://github.com/IjzerenHein/react-native-shared-element (fetched 2026-08-28T04:06:37.762292+00:00, sha fb70867f9e2a)
  - homepage: https://github.com/IjzerenHein/react-native-shared-element (fetched 2026-08-29T10:18:55.956731+00:00, sha df7d0ad67818)
  - registry_npm: https://registry.npmjs.org/react-native-shared-element (fetched 2026-08-29T10:18:55.959571+00:00, sha cc585c629d63)
  - registry_npm: https://registry.npmjs.org/react-navigation-shared-element (fetched 2026-08-29T10:18:55.961457+00:00, sha d0b77caf8f62)
- Data as of 2026-08-30T08:39:29.467469+00:00.