color_swatch

Spread Cards Effect (Color Swatch)

A Color Swatch that plays a circular rotation based on user gestures.

📽️ Video | Playlist

👀 This is how it looks

rn_color_swatch_demo_ios.mov

✨ Some features

1. Gesture based color palette, which rotates following the user's touch movement on the screen, every layer having different rotation degree.
2. Open and close palette on click of anchor button at the bottom.
3. Clicking on color changes screen's background.

📦 Packages used

1. react-native-gesture-handler:- To track user gestures
2. react-native-reanimated:- to rotate Swatch based on gestures

🌻 Motivation

Inspired by this original SwiftUI implementation by @philipcdavis.

🔗 Links

• YouTube Tutorial
• Demo: twitter | youtube