canvas
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
More in canvas
-
Christmas Card Flat
Show your friends how much you and the customer appreciates the Christmas card with...
-
Christmas Card Elegant
Some clients are very special and need a more elegant Christmas card. Was thinking...
-
Pixel Animation HTML5
Pixel animation is an animation script which can animate any image on any webpage....
-
Halloween Card
There is an animated Halloween card with breachy bats and funny melancholic owl. You’ll...