I Love You Animation — mo.js Motion Graphics
A looping single-file "I LOVE YOU" motion graphic built with mo.js, featuring animated letters, a pulsing heart, particle bursts and synced sound.
Built by Redoan Uzzaman, Full-Stack Developer & AI Engineer.
Overview
A single-file motion-graphics piece built with the mo.js animation library. The letters of "I LOVE YOU" animate independently, white lines frame the text, and a red heart grows and pulses at the center, with particle bursts at key moments.
How it works
The sequence is built from mo.js Html, Shape, Burst and Tween objects, coordinated by a Timeline that replays roughly every 4.3 seconds. Sound effects are synced to the animation, and the backdrop uses morphing gradient blobs over an animated grid in a dark theme.
Everything (HTML, CSS and JavaScript) lives in one file with no build step.
Key Features
- Independently animated letters
- Pulsing heart and particle bursts
- Sound effects synced to the animation
- Morphing gradient blobs over an animated grid
- Single HTML file, no build step
Tech Stack
- HTML5
- CSS3
- JavaScript
- mo.js
Want something like this built?
Redoan Uzzaman takes on AI, automation and full-stack projects for clients worldwide.