DorianMazur

DorianMazur / react-native-screen-choreography

Public

Choreographed shared element transitions for React Native with multi-element coordination

14
0
100% credibility
Found May 04, 2026 at 14 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A library for React Native apps that enables coordinated, multi-element animations during screen transitions, like cards expanding into detail views.

How It Works

1
📱 Discover smooth screen magic

While building your mobile app, you find a tool that makes switching between screens feel like a seamless dance with cards, images, and text morphing perfectly.

2
📦 Add the transition tool

You easily include this special animation helper into your app project so it's ready to bring screens to life.

3
✨ Wrap your screens in magic

You place a simple wrapper around your app's navigation to enable the coordinated movements across all screens.

4
🔗 Tag matching pieces

You mark the images, cards, or text on different screens that should transform into each other, like a list item becoming a full detail view.

5
🎨 Define the dance moves

You describe how those pieces resize, move, fade, or shadow during the switch, making it feel natural and delightful.

6
➡️ Navigate with flair

When users tap to switch screens, you use a special go-to-next command that triggers the full choreographed show.

🎉 Enjoy fluid app flow

Your app now delights users with buttery-smooth transitions where everything moves in perfect harmony, just like pro apps.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 14 to 14 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is react-native-screen-choreography?

This TypeScript library delivers choreographed shared element transitions for React Native, coordinating multi-element morphs between screens—like a token row expanding into a detail card with labels, icons, and backdrops syncing perfectly. It tackles the limitations of basic shared transitions by managing full choreography sessions, including interruptions, progressive reveals, and reverse flows, all driven by a single progress value. Built for React Native's New Architecture, Reanimated 4, and native-stack navigators.

Why is it gaining traction?

It excels at multi-element coordination without navigator conflicts, using a native overlay for reliable presentation and hooks for backdrops, staggered reveals, and settle-on-interact. Developers appreciate the customizable transition renderers, robust debugging logs, and troubleshooting guide that cut setup friction. Unlike simpler libs, it handles real-world complexity like off-screen re-measurement and Android quirks out of the box.

Who should use this?

React Native devs building list-to-detail UIs in wallets, music apps, or photo galleries, where cards, artwork, or tiles need to hero-expand with coordinated text and shadows. Suited for teams on RN 0.76+ New Arch chasing native-feeling screen transitions without custom animation boilerplate.

Verdict

Worth prototyping for sophisticated shared transitions—strong docs, example app, and TypeScript APIs shine despite pre-1.0 status and breaking changes. Low 14 stars and 1.0% credibility mean it's experimental; integrate only if single-element alternatives fall short.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.