💖 Heartfill Animation

Una animación visual en 2D hecha con HTML, CSS y JavaScript, inspirada en una carta interactiva. Al entrar, verás un gran corazón formado por círculos animados y rodeado de corazones flotantes que aparecen y desaparecen suavemente. En la parte superior, una frase romántica da el toque final a esta experiencia visual.

🔗 Ver demo en vivo

🛠 Tecnologías utilizadas

• HTML5
• CSS3
• JavaScript
• Matter.js (motor de física 2D)
• pathseg + poly-decomp (para compatibilidad con SVG)

✨ Características principales

• 💗 Corazón central compuesto por círculos animados
• 🧡 Corazones flotantes animados que aparecen y desaparecen
• 📝 Frase romántica destacada con tipografía y color personalizado
• ⚙️ Simulación física con Matter.js para animaciones más naturales
• 🌌 Fondo oscuro para mayor contraste y enfoque visual
• 📱 Compatible con navegadores modernos (desktop recomendado)

🚀 Cómo ejecutar localmente

1. Clona el repositorio: git clone https://github.com/erickdc7/heartfill-animation.git
2. Entra en el proyecto: cd heartfill-animation
3. Instala las dependencias: npm install
4. Inicia el servidor de desarrollo: npm run dev