Skip to content

uxle/Heartify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

❤️ Heartify

Valentine Card Creator

Heartify is a modern, emotion-driven Valentine's Day card creator built with pure HTML, CSS, and JavaScript.
It allows users to design, preview, and export beautiful Valentine cards with customizable messages, themes, and typography --- all directly in the browser.

Designed with premium UI/UX principles, glassmorphism aesthetics, and smooth micro-interactions.


✨ Features

💌 Card Personalization

  • Recipient name
  • Custom heartfelt message
  • Sender name
  • AI-assisted quote generator (optional)

🎨 Design Customization

  • Multiple romantic color themes
  • Elegant typography selection
  • Glassmorphism & soft gradient backgrounds
  • Animated floating heart particles

🖼️ Live Preview

  • Real-time canvas rendering
  • Responsive preview stage
  • Mobile & desktop optimized

📤 Export Options

  • Download as PNG
  • Save as PDF
  • Print-friendly layout
  • High-quality output ready for social media or sharing

🌗 Theme Support

  • Light mode
  • Dark / Midnight Romance mode

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla)
  • HTML Canvas API
  • jsPDF
  • Lucide Icons
  • Google Fonts

📁 Project Structure

├── index.html
├── style.css
├── cards.css
├── script.js
└── README.md

🚀 Getting Started

  1. open url :- heartify

No build tools or server required.


🎯 Use Cases

  • Valentine's Day greetings
  • Romantic digital cards
  • Social media sharing
  • Printable love notes
  • Mini SaaS / portfolio project

Designed & developed with ❤️ made by lion

About

It's a gift for my partner for this valentine

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published