Use the default settings

{{confetti}}

Use the custom options

  • interval Number (default: 2000): The time it will take for the confetti to fire again
  • continuous Boolean (default: true): The confitte will continue to pop when this is true.
  • originX Number (default:0.5): The x position on the page, with 0 being the left edge and 1 being the right edge. This is used to construct the origin object needed by the canvas-confetti API.
  • originY Number (default:0.5): The y position on the page, with 0 being the top edge and 1 being the bottom edge. This is used to construct the origin object needed by the canvas-confetti API.
{{confetti interval=10000}}

🎉 Use any of the standard APIs

particleCount, angle, spread, startVelocity, decay, gravity, drift, ticks, colors, shapes, scalar, zIndex & disableForReducedMotion

{{confetti gravity="0.2"}}