React Native Animated Gradient Border

Performant animated border gradients for react native using reanimated and skia

Installation

1. Install

npm install react-native-animated-gradient-border

yarn add react-native-animated-gradient-border

2. Ensure peer dependencies are installed (these require a new Expo build):
   react-native-reanimated
   @shopify/react-native-skia

Usage

import { AnimatedBorderView } from 'react-native-animated-gradient-border';

// ...

<AnimatedBorderView
  style={styles.circleButton}
  borderRadius={50}
  borderWidth={2}
  colors={['lightcoral', 'mistyrose', 'lightcoral']}
>
  <Text>Submit</Text>
</AnimatedBorderView>;

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Made with create-react-native-library