💗 Word Love Code

A canvas-powered love letter: a heart drawn from particles, "LOVE" raining in Matrix style, and your name in lights.

---

✨ What is this?

Word Love Code is a single-page, animated love letter built on HTML5 <canvas>. Open it and the screen fills with pink "LOVE" characters raining down like the Matrix, with tiny hearts scattered through the streams. Behind it, a particle engine assembles a glowing heart — and your name fades in at the centre.

No frameworks, no build step — just open index.html.

🎬 The three effects

Layer	File	What it does
💗 Particle heart	js/index.js	A particle engine (Shape Shifter) morphs thousands of dots into a heart shape.
🌧️ Matrix love rain	js/matrix.js	Vertical streams of LOVE / I LOVE U ❤ characters fall down the canvas.
✍️ Name box	index.html	Your name fades in over the animation (.namebox).

🛠️ Tech Stack

🚀 Run locally

git clone https://github.com/FIQTOR/Word-Love-Code.git
cd Word-Love-Code

# serve it (recommended — canvas scripts load from js/)
npx serve .
# or: python3 -m http.server 8000

Then open http://localhost:8000.

🎨 Make it yours

What	Where
The name shown	index.html → .namebox
The rain characters	js/matrix.js → var letters = '...'
Heart color / size	js/index.js (particle config)

🙏 Credits & Attribution

This project is built on top of open-source work — huge thanks to the original authors:

• Awesome-Love-Code by @sun0225SUN — MIT licensed. This repo is derived from it.
• Shape Shifter by Kenneth Cachia — the particle engine behind the heart (js/index.js).

☕ Support this project

If this little page helped you say something you couldn't put into words, you can buy me a coffee 💗

📄 License

Released under the MIT License, preserving the original upstream MIT license from Awesome-Love-Code.

Made with ❤️ by FIQTOR