More Premium Hugo Themes Premium React Themes

React Native Confetti Cannon

React Native confetti explosion and fall like iOS does.

React Native Confetti Cannon

React Native confetti explosion and fall like iOS does.

Author Avatar Theme by vincentcatillon
Github Stars Github Stars: 495
Last Commit Last Commit: Sep 30, 2022 -
First Commit Created: Feb 24, 2024 -
default image

Overview:

This product is a confetti animation component for React Native, which allows users to create celebratory confetti animations in their mobile applications. The component offers various customization options such as defining the number of items to display, colors of the confetti, animation speed, and more. Additionally, it provides event callbacks and methods for controlling the animation programmatically.

Features:

  • Count: Define the number of items to display.
  • Origin: Set the animation position origin with x and y coordinates.
  • Explosion Speed: Define the duration of the explosion from origin to top.
  • Fall Speed: Set the duration of the fall from top to bottom.
  • Fade Out: Option to make the confetti disappear at the end.
  • Colors: Customize the colors of the confetti.
  • Auto Start: Automatically start the animation.
  • Auto Start Delay: Set a delay before triggering the animation.

Installation:

To install this confetti animation component, follow these steps:

  1. Run npm install react-native-confetti-cannon --save to install the package.
  2. Import the component in your file: import ConfettiCannon from 'react-native-confetti-cannon';
  3. Start using the component by adding <ConfettiCannon /> in your code.

Summary:

The React Native Confetti Cannon component provides an easy way to add festive confetti animations to mobile applications. With customizable features, event callbacks, and methods for control, developers can enhance user experiences with celebratory visual effects.