Heart Animation

A glowing animated heart that comes to life in the browser, with flowing particles and a pulsing effect for a vibrant and dynamic visual.

Previews

---

Features

• Glowing animated heart shape
• Flowing particle effect forming the heart
• Pulsing beat animation for extra life
• Runs directly in any modern browser

---

How It Works

The animation is drawn on an HTML5 <canvas> using JavaScript.
A dynamic particle system moves smoothly toward points that outline a heart shape, creating a glowing, flowing visual. CSS adds a pulsing effect to enhance the feeling of a beating heart.

---

Customization

You can easily tweak the animation by editing heart.js and heart.css:

• Change colors (HLS values) for a different vibe
• Adjust particle size or spread
• Modify the pulsing effect timing

---

How to Run

Option 1: Deploy the app on StateMesh directly

After deployment, just access the Public endpoint provided by StateMesh:

1. Public endpoint in console:

2. Public endpoint in terminal:

Option 2:

1. Clone the repository

   git clone https://github.com/luca-petre/heart-animaiton.git
   

2. Open index.html.