Skip to content

LikeNmuFF/motsie

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌷 Happy 9 Months! - Interactive Anniversary Celebration

HTML5 CSS3 JavaScript Love

A beautiful, interactive web experience to celebrate your special moments together

https://likenmuff.github.io/motsie/

✨ Sparkling Features

🎨 Visual Delights 🎮 Interactive Magic 💝 Romantic Touches
Glassmorphism Design
Elegant frosted glass effects
3D Card Tilt
Immersive hover animations
Love Counter
Real-time anniversary timer
Falling Petals
Animated floral background
Confetti Celebration
Particle system effects
Personal Gallery
Your special memories
Typewriter Text
Dramatic message reveal
Music Player
Romantic background tunes
Tulip Bursts
Interactive love expressions

🚀 Quick Start in 3 Steps

1. 📥 Get the Files

# Download and create these files in one folder:
📁 your-anniversary-folder/
├── 🎨 index.html          # Main celebration page
├── 🖼️  photo1.jpg         # Your special photos
├── 🖼️  photo2.jpg         # Add as many as you want
├── 🖼️  photo3.jpg         # ...and more memories
└── 🎵 music.mp3           # Your song (optional)

2. 🌟 Launch Your Celebration

# Simply open the HTML file in your browser
# No installation needed!
# Share the link with your loved one 💝

🎨 Deep Customization Guide

🎨 Color Theme Personalization

Make it uniquely yours by modifying the color scheme:

:root {
    --bg-primary: #FFFBF5;      /* Soft pink background */
    --bg-secondary: #F7AECB;    /* Blush pink gradient */
    --accent-primary: #E15A97;  /* Romantic pink accents */
    --accent-secondary: #A8D5BA;/* Mint green highlights */
    --text-dark: #4A4A4A;       /* Elegant text color */
    --glass-bg: rgba(255, 255, 255, 0.4); /* Glass effect */
}

📱 Responsive Design Features

  • Desktop: Full 3D tilt effects and animations
  • Tablet: Optimized touch interactions
  • Mobile: Streamlined interface with smooth gestures

🎵 Media Optimization Tips

📸 **Photos**: 
   - Format: JPG, PNG, WebP
   - Size: 800x600px recommended
   - Naming: Use descriptive names

🎶 **Music**:
   - Format: MP3 for compatibility
   - Length: 2-5 minutes ideal
   - File Size: Under 5MB recommended

🌈 Special Effects Showcase

Effect Trigger Description
🎊 Confetti Storm Click Confetti Button 150+ colorful particles
🌷 Tulip Bursts Send Tulips Button Animated love expressions
Falling Petals Auto-start 40 animated floating petals
⌨️ Typewriter Auto-start Romantic message reveal
🎵 Background Music Play Button Your special song

🌟 Share the Love

Found this project romantic? Give it a star! ⭐

# Share with friends who need romantic ideas!
# Perfect for:
# 💝 Anniversaries    💑 Monthsaries
# 🎂 Birthdays        💍 Proposals
# 🌹 Just Because     💕 Surprises

📄 License

This project is licensed under the MIT License - feel free to use it to spread love and happiness!


💝 Made with Super Love

For every couple celebrating their journey together
May your love continue to grow and blossom 🌷

Happy Celebrating! 🥳

⬆ Back to Top

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages