Heart Card

A beautiful, interactive animated card featuring rotating particles around customizable shapes, particles, parallax effects, sound control, and fullscreen mode. Perfect for digital greetings, Valentine’s Day, or decorative web elements.

Key Features:

• Customizable Shapes – Choose from 6 heart designs or a bear shape

• Particle Effects – Multiple particle types with adjustable colors and rotation speed

• Interactive Elements – Mouse parallax effect for an immersive experience

• Responsive Design – Works on both desktop and touch devices

• Background Options – Cycle through 9 different background styles

• Fullscreen Mode – Toggle fullscreen for a better viewing experience

• Sound Control – Optional background music with mute toggle

• Smooth Animations – Powered by Paper.js for fluid motion

Great for special occasions, love-themed websites, or adding a dynamic visual element to your page!

Updates

 13 May 2025 - Version 1.5   - Removed: jQuery dependency — fully rewritten with vanilla JavaScript   - Added: Particle appearance animation on load   - Added: Optional delay-based particle reveal for wave effect from center   - Improved: Particle placement using Poisson Disk Sampling for even distribution   - Improved: Creates Particles — optimized color arrays and structure   - Improved: DOM interaction and event handling (click, resize, fullscreen, sound toggle)   - Improved: Parallax effect based on mouse/touch movement   - Optimized: Background switching with smooth transitions