brunnolou/react-morph

Health v2 · maintenance only

Flags: no_releases no_license

Adoption not part of the score

2547 stars · 44 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

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

library · maturity maintenance

animation ui-components frontend-framework web-development frontend web-design browser react morphing-transitions hooks gpu-accelerated ui-animation web nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="brunnolou/react-morph")