Showit Interactive Confetti & Heartburst Animated
Price range: $29.00 through $69.00
Bring a festive touch to your site with the Showit Interactive Confetti. It’s the perfect effect to celebrate an action on your confirmation or thank you pages and give your clients an immediate rewarding feeling. This ready-to-use embed code transforms navigation into an interactive and memorable experience for your visitors.
- 100% Accessible Customization: You can easily change the colors with your own codes to match your branding. You can also control the animation’s intensity by adjusting just a few numbers: the amount of confetti, their speed, or their gravity.
- Performance and Fluidity: The animation is designed to stay lightweight and won’t slow down your site. You can use it flawlessly on all screens. It even reacts to finger swipes on mobile, without ever blocking navigation.
- Simplified Integration: No complex technical skills needed. You can manage the space where the magic happens simply by resizing the block right in the Showit editor.
Ideal for: Showit designers, event professionals, and beginner entrepreneurs who want a dynamic site. You can also perfectly install it on your WordPress and WooCommerce pages.
Key Features & Customization Options
Color palette
CONFETTI_COLORS array in the JavaScript. Use any hex value to match your brand.Particle count
CONFETTI_COUNT to increase or reduce the number of particles per interaction.Velocity
VELOCITY_FACTOR to control how fast particles are launched.Gravity
GRAVITY values to make particles fall more slowly or quickly.Effect area (Confetti Cursor)
Shape customization
Trigger event
Animation duration
setTimeout or requestAnimationFrame logic to shorten or extend animation length.Opacity
opacity property in CSS or JavaScript.Container size
Effect duplication
Performance optimization
Responsive design
Key Features & Customization Options
Color palette
Customize particle colors by editing the CONFETTI_COLORS array in the JavaScript. Use any hex value to match your brand.
Particle count
Adjust CONFETTI_COUNT to increase or reduce the number of particles per interaction.
Velocity
Modify VELOCITY_FACTOR to control how fast particles are launched.
Gravity
Change GRAVITY values to make particles fall more slowly or quickly.
Effect area (Confetti Cursor)
Choose to apply the effect to a single section or across the entire page by changing the target container in JavaScript.
Shape customization
Replace the default shapes (circles or hearts) with your own SVG paths or emoji characters.
Trigger event
Update the event listener to change when the animation starts (e.g. click, hover, or scroll).
Animation duration
Adjust the setTimeout or requestAnimationFrame logic to shorten or extend animation length.
Opacity
Change particle transparency by editing the opacity property in CSS or JavaScript.
Container size
Control the visible area by resizing the Embed Code frame in Showit.
Effect duplication
Duplicate the entire HTML/CSS/JS block to create multiple instances. Update IDs and variable names to prevent conflicts.
Performance optimization
Adjust particle limits or disable trails for improved performance on mobile.
Responsive design
Works across desktop, tablet, and mobile with no interference on user interactions.
Key Features & Customization Options
Color palette
CONFETTI_COLORS array in the JavaScript. Use any hex value to match your brand.Particle count
CONFETTI_COUNT to increase or reduce the number of particles per interaction.Velocity
VELOCITY_FACTOR to control how fast particles are launched.Gravity
GRAVITY values to make particles fall more slowly or quickly.Effect area (Confetti Cursor)
Shape customization
Trigger event
Animation duration
setTimeout or requestAnimationFrame logic to shorten or extend animation length.Opacity
opacity property in CSS or JavaScript.Container size
Effect duplication
Performance optimization
Responsive design
Need support? Just reach out. I'm always happy to help every step of the way! Contact me.
05. Need help?
Personalize every detail to match your brand and vision, then hit publish to give your visitors an enhanced experience.
04. make i yours
Follow our simple guides to import your design or code. No technical skills required.
03. EASY INSTALL
Download your assets—guide and license included—instantly on the checkout page.
02. Instant Delivery
Choose the license that fits your project and complete your secure purchase in just seconds.
01. SELECT YOUR LICENSE
How it works
There are no reviews yet. Be the first one to write one.
Client Love
Step-by-step guides included. Need help with setup or customization? Response within 24h. No question is too small.
24h Support That Cares
Your files are ready and quietly waiting. Available 24/7 as soon as your payment is confirmed. Download and return to what matters: creating.
Instant Download
Products stay updated for reliability and tech trends, adapting to platform changes and feedback — no extra fees.
Lifetime Updates Future-Proof
Designed to match your brand.
Easily customizable, so it feels truly yours. No technical skills required, just your creativity to make it shine.
100% Customizable
Every detail is crafted with care — for mobile, tablet, and desktop, so your visitors can explore easily, and stay a little longer.
Mobile & User-Friendly Design
Built to save you time: Every product integrates instantly with Showit, Squarespace, or Canva, so you can launch faster without compromising quality.
Easy Editing & Integration
Yes! I design all my templates and add-ons to be as easy to customize as possible. You can change colors, fonts, images, and layouts without worrying about technical details, so your creativity can shine freely.
How customizable are these templates and add-ons ? Can I edit colors, fonts, and layouts?
Yes! I provide support for any issues you may encounter during installation or customization. I’m here to help you get your template or add-on working perfectly, so you can focus on creating your website without stress.
Do you provide support if I encounter issues during installation or customization?
All fonts used in our templates are from Creative Fabrica. To use them legally, you must purchase your own license on their platform using the links provided in the template. Alternatively, you can swap them for free Google Fonts.
Are the fonts included, and do I need to purchase a separate license?
Yes! If you select the "I install and customize it for you" option at checkout, I will personally handle the setup for you. This includes installing the template or add-on into your Showit account and adjusting the colors, fonts, and content to perfectly match your brand.
Can you install and customize the template or add-on for me?
Due to the digital nature of our products, all sales are generally final. A refund will only be considered if a proven technical issue is identified that makes the product partially unusable and we are unable to resolve it. Please ensure you review all product details before purchasing.
Do you offer refunds on digital products?
Yes, an active subscription is required. Choose your plan based on your needs (static site vs. blog) and ensure it supports custom code if needed. Bonus: Get one month free by signing up via my partner link here.
