Skip to main content

YouTube Music - Swipe Bg Transition

This example demonstrates a smooth carousel transition for a YouTube Music-like experience using Skia and Reanimated.

Source Code​

View source on GitHub

Demo​

Implementation Details​

The animation uses:

  • @shopify/react-native-skia for rendering smooth background color transitions
  • react-native-reanimated for driving 60fps transitions on the native thread

When swiping from one song to another, the background color transitions smoothly. The 60fps transition is achieved by driving all transitions on the native thread using react-native-reanimated, avoiding any JS thread bottlenecks.