# brunnolou/react-morph

Morphing Ui transitions made simple

Repository: https://github.com/brunnolou/react-morph
Canonical: https://ross.abutalabs.com/products/react-morph
Homepage: https://brunnolou.github.io/react-morph
Language: TypeScript
License Family: other
Last push: 2026-08-20T22:13:18+00:00

## Health v2 (maintenance only)
Score: 76/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 98, release rhythm 35, longevity 100
- inputs: {"age_days": 3125, "days_push": 13, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2547, forks 44 (observed 2026-08-28T04:07:00.333104+00:00)

## What it is
A React library that simplifies morphing UI transitions between elements by animating one element into another using a useMorph hook. Developers tag first and last states with spread props and the library handles GPU-accelerated interpolation.

## Use cases
- animate an element between two React states
- create shared-element transitions like the Apple App Store card expansion
- morph an image thumbnail into a larger detail view
- add smooth transitions when toggling components in and out of the DOM
- build fluid UI animations without hardcoded absolute positions

## When to choose
- you use React and want simple element-to-element morph transitions with a hook API
- you need GPU-accelerated animations without layout or paint costs
- you want a lightweight alternative to complex animation libraries for shared-element transitions

## When to avoid
- you need animations outside React or in non-DOM environments
- you require complex choreographed multi-element animation timelines
- you need a library with active development and long-term support guarantees

## Facets
- artifact type: library
- maturity: maintenance
- function: animation, ui-components, frontend-framework
- domain: web-development, frontend, web-design
- platform: browser
- tags: react, morphing-transitions, hooks, gpu-accelerated, ui-animation, web, nodejs

## Member repositories
- brunnolou/react-morph (main) score 76

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:00.333104+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:24:34.609277+00:00, confidence not recorded.
  - readme: https://github.com/brunnolou/react-morph (fetched 2026-08-28T04:07:00.333104+00:00, sha 88598905d8d8)
  - homepage: https://brunnolou.github.io/react-morph (fetched 2026-08-29T10:07:07.447123+00:00, sha 2635a639378f)
  - registry_npm: https://registry.npmjs.org/react-morph (fetched 2026-08-29T10:07:07.457867+00:00, sha 925b25baa100)
- Data as of 2026-08-30T08:39:29.467469+00:00.