Squishy button - Reanimated Layout Animation

Description

Squishy button animation, built with Reanimated Layout Animation. There's also a "fake" waveform as well, the animation is built using Reanimated as well.

Installation

bunx @animatereactnative/cli@latest add squishy-button-reanimated-layout-animation

npx @animatereactnative/cli@latest add squishy-button-reanimated-layout-animation

yarn @animatereactnative/cli@latest add squishy-button-reanimated-layout-animation

pnpm dlx @animatereactnative/cli@latest add squishy-button-reanimated-layout-animation

Preview

Dependencies

PackageVersion
@expo/vector-icons^15.0.2
color2k^2.0.3
randomcolor^0.6.2

To install these dependencies, you can use the following command:

bun add @expo/vector-icons@"^15.0.2" color2k@"^2.0.3" randomcolor@"^0.6.2"

npm install @expo/vector-icons@"^15.0.2" color2k@"^2.0.3" randomcolor@"^0.6.2"

yarn install @expo/vector-icons@"^15.0.2" color2k@"^2.0.3" randomcolor@"^0.6.2"

pnpm install @expo/vector-icons@"^15.0.2" color2k@"^2.0.3" randomcolor@"^0.6.2"

Source code