Heart Card icon

Heart Card

Go to Website
Hot or Not
Heart Card

Description

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
TypeHTML5 Script
AuthorAnatolFisher
CategoryHtml5 / Canvas
Price$10
Sales92
Rating4.67 from 6 ratings
PublishedJan 26, 2013
Last UpdateMay 12, 2025
Compatible BrowsersFirefox, Safari, Opera, Chrome, Edge
Compatible SoftwareHTML5
Source Files IncludedJavaScript JS, HTML, CSS

Categories

WeddingCanvas

Tags

anniversarybearcardcelebrationgiftgreetingheartlovepresentromanticsurprisevalentinevalentine daywedding

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Products of the Week.

Submit