Skip to content
Beautiful and butter smooth confetti animation for React Native
TypeScript
Branch: master
Clone or download

Latest commit

Latest commit 51cbd7a Apr 17, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets new demo Apr 17, 2020
src pointerEvents none Apr 17, 2020
.gitignore update gitignore Apr 17, 2020
.npmignore remove background color Apr 17, 2020
README.md Update README.md Apr 17, 2020
package.json pointerEvents none Apr 17, 2020
yarn.lock initial commit Apr 17, 2020

README.md

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
/>
You can’t perform that action at this time.