Fully Customizable Mouse-Triggered Hearts Rain Animation
Price range: $29.00 through $69.00
Add warmth and personality to your Showit website with this interactive heart effect. When visitors move their cursor, colorful hearts burst across the screen – it’s that instant romantic or joyful vibe that makes people smile.
Perfect for wedding sites, photographers, lifestyle blogs, and creative brands who want to stand out. Super easy to install – you can apply it to your entire page or just one section for that unforgettable first impression.
Key Features & Customization Options
Selection area
Heart color palette
colors array in the JavaScript to match your brand or style (for example: #FFB3BA, #fbe9e2, #FFD700).Heart size variation
Math.random() * 20 + 10) to make hearts larger, smaller, or add more variety.Heart opacity
Math.random() * 0.5 + 0.5) to make hearts more or less transparent.Number of hearts per interaction
heartsPerClick and heartsPerTouch) to control how many hearts appear with each click or tap.Animation duration
minDuration, maxDuration, or the setTimeout value in the JavaScript to make hearts last longer or disappear faster.Effect duplication
Mobile-friendly
Key Features & Customization Options
Selection area
You can apply the heart effect to a specific section or the entire page of your Showit site.
Heart color palette
Adjust the colors array in the JavaScript to match your brand or style (for example: #FFB3BA, #fbe9e2, #FFD700).
Heart size variation
Change the random size range in the JavaScript (such as Math.random() * 20 + 10) to make hearts larger, smaller, or add more variety.
Heart opacity
Edit the opacity formula (for example, Math.random() * 0.5 + 0.5) to make hearts more or less transparent.
Number of hearts per interaction
Change the options (heartsPerClick and heartsPerTouch) to control how many hearts appear with each click or tap.
Animation duration
Adjust the minDuration, maxDuration, or the setTimeout value in the JavaScript to make hearts last longer or disappear faster.
Effect duplication
You can duplicate the full HTML, CSS, and JS for multiple independent effects on a single page. Just rename each ID, class, and JavaScript variable to keep them separate.
Mobile-friendly
The effect works on both mobile (touch) and desktop and does not interfere with scrolling on touch devices.
Key Features & Customization Options
Selection area
Heart color palette
colors array in the JavaScript to match your brand or style (for example: #FFB3BA, #fbe9e2, #FFD700).Heart size variation
Math.random() * 20 + 10) to make hearts larger, smaller, or add more variety.Heart opacity
Math.random() * 0.5 + 0.5) to make hearts more or less transparent.Number of hearts per interaction
heartsPerClick and heartsPerTouch) to control how many hearts appear with each click or tap.Animation duration
minDuration, maxDuration, or the setTimeout value in the JavaScript to make hearts last longer or disappear faster.Effect duplication
Mobile-friendly
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.
