Skip to main content

Confetti Element

Digital confetti for your website!
This Element Requires:
Changelog: v1.2.2 - December 16, 2025

Confetti Element Changelog

Version 1.2.2

December 16, 2025
  • Fix Added pointer-events: none !important targeting confetti canvases
  • Fix More reliable than CSS alone in Safari to help prevent lingering canvases from blocking clicks

Version 1.2.1

December 13, 2025
  • Addition New trigger options: fire confetti on button click, URL hash (#confetti), or both
  • Addition Customizable trigger button with text, style, and size options

Version 1.2.0

December 11, 2025
  • Addition Custom CSS field in Advanced tab - use .el-element to style your confetti element
  • Addition Custom HTML attributes support in Advanced tab
  • Addition Party Mode animation style
  • Fix Fixed element tracking in YOOtheme builder - element now highlights correctly when selected
  • Fix Improved animation cleanup when switching between styles in the builder
  • Fix Settings and Advanced tabs now work correctly like other YOOtheme elements

Version 1.1.0

November 25, 2025
  • Addition CSP (Content Security Policy) Compatibility
  • Addition Added full support for Joomla 5.4 and Joomla 6
  • Addition Added full support for PHP 8.1 through 8.4+
  • Removed Removed the CDN dependency and now loads library locally
  • Fix QoL Updates and code refactoring

Version 1.0.0

December 9, 2024
  • Addition Confetti Element - First Release for YOOtheme Pro

Step 1

Setup Your Confetti

Install and activate the Confetti element
Step 2

Install Element

Download the zip file in your account & install the element via Joomla's extension upload.
(For WordPress see FAQ's below)
Step 3

Activate & Use

Enable the plugin in Joomla's plugin area, then open YOOtheme Pro to add your new element.

Plugin Advantages

Everyone wants a little confetti in their life,
give it to them!
Use on payment pages, thank you pages, submission pages, or Just Because!

6 Different Styles

Choose from a Confetti Cannon, Snow, Fireworks, Blasts, Side Cannons & Party Mode. Full control of colors, shapes and much more!

Settings

Use the "Settings" & "Advanced" tabs in the element to control the look, feel, overall design and overrides of your form container.

Frequently Asked Questions

Is This Element Free?
YES! I had this element created to make my life a little easier and if you found it helped you, you can Buy me a drink!
What prerequisites are required?
  • Joomla! 4, 5 or WordPress
  • YOOtheme Pro 3 or 4
  • PHP v7.4+
Where do Install this plugin?

Open the Joomla dashboard and go to:

Jooomla 3: Extensions > Manage > Install > Upload Package File > Then Upload & Install The Joomla Extension (Plugin).

Jooomla 4: System > Install > Extensions > Upload Package File > Then Upload & Install The Joomla Extension (Plugin).

How do activate the plugin?
Open the Joomla dashboard and go to: Plugins to search and enable the plugin "System - [MD] Confetti Element For YOOtheme Pro" in Joomla.
How Do I Install on WordPress?
  • Download and unzip the element package
  • Create a Child Theme in your YOOtheme Pro installation and activate the child theme
  • Copy the element folder into the directory /wp-content/themes/yootheme-child/builder/ of your installation where child is name of your child theme
  • Access the YOOtheme Pro Page Builder, the new element should now be available

Was This Helpful?

Buy Me A Drink