sowadalmughni/react-confetti

Confetti without the cleanup.

react-confetti

Confetti without the cleanup. Demo

Based on a pen by @Gthibaud: http://codepen.io/Gthibaud/pen/BoaBZK

Install

npm i -S react-confetti

Use

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

export default class MyComponent extends React.Component {
  render() {
    return (
      <div>
        <h1>My Component contents</h1>
        <Confetti />
      </div>
    )
  }
}

Props

Property	Type	Default	Description
width	Number or String	'100%'	Width of the <canvas> element.
height	Number or String	'100%'	Height of the <canvas> element.
numberOfPieces	Number	200	Number of confetti pieces at one time.
friction	Number	0.99
wind	Number	0
gravity	Number	0.1