/react-native-magic-confetti

Beautiful and butter smooth confetti animation for React Native

Primary LanguageTypeScript

React Native Magic Confetti

Beautiful and butter smooth confetti animation for React Native.

Basic Advanced Real World

Installation

  • Intall react-native-reanimated
  • Install this package 
    yarn add react-native-magic-confetti
# OR
npm add --save react-native-magic-confetti

Basic Usage

import Confetti from 'react-native-magic-confetti';

<Confetti confettiImages={[require('./confetti.png')]}>

Advanced Usage

import Confetti from 'react-native-magic-confetti';
import FastImage from 'react-native-fast-image';

<Confetti
  count={42} // custom number of confettis
  size={32}
  colors={['red', 'green', 'blue']} // require FastImage
  imageComponent={FastImage} // custom image component
  confettiImages={[
    require('./assets/star.png'),
    require('./assets/triangle.png'),
    require('./assets/square.png'),
    require('./assets/circle.png'),
  ]} // all confetti images to be chosen randomly
  yspeed={3} // fall speed
/>