Skip to content

Latest commit

 

History

History

color_swatch

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 

Spread Cards Effect (Color Swatch)

Spread card effect in react-native

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

👀 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