idlework / react-native-reanimated-confetti

Confetti with fully native 60 FPS animations!

Reanimated Confetti

Confetti with fully native 60 FPS animations!

Installation

1. Add reanimated-confetti to your dependencies:

yarn add reanimated-confetti react-native-svg

2. Link native dependencies

We're using react-native-svg under the hoods, so you'll need to link it.

From react-native 0.60 autolinking will take care of the link step but don't forget to run pod install in the ios/ directory.

Usage

import React from 'react';
import Confetti from 'reanimated-confetti';

const Example = () => <Confetti />;

export default Example;

Props

name	required	default	description
count	no	50	particles quantity
duration	no	5000	animation duration for each particle (in ms)
minSize	no	20	particles min size
maxSize	no	30	particles max size
colors	no	['#48b0f1', '#8fed8f', '#75f3c8', '#fff045', '#f357ac', '#b285fb']	particles colors

Example

yarn
pod install --project-directory=example/ios
yarn start
yarn start:ios