AniMail

AniMail is a sleek, anime-themed email generator that creates unique email addresses with premium domains. Featuring vibrant colors, glassmorphism design, and smooth animations, it offers both random and custom email generation with password creation capabilities.

✨ Features

• 🌓 Dark/Light mode toggle with smooth transitions
• 🎨 Premium anime-themed color schemes
• ✨ Glassmorphism UI design
• ⚡️ Random email generator with anime-themed domains
• 🔧 Custom email generator with domain selection
• 🔑 Secure password generation
• 📋 Copy to clipboard functionality
• 📱 Fully responsive design
• 🚀 Animations powered by anime.js

🚀 Live Demo

Experience AniMail live:

🛠️ Technologies Used

🎨 Customization Guide

1. Color Schemes 🖌️

Modify the CSS variables in the :root section:

:root {
  /* Light Theme Colors */
  --light-primary: #ff6b6b;
  --light-secondary: #4ecdc4;
  --light-accent: #ff9a76;
  
  /* Dark Theme Colors */
  --dark-primary: #ff79c6;
  --dark-secondary: #bd93f9;
  --dark-accent: #ffb86c;
}

2. Domains 🌐

Add or modify domains in the HTML select elements:

<select id="randomDomain">
  <option value="@quinx.com">@quinx.com</option>
  <option value="@sakura.jp">@sakura.jp</option>
  <!-- Add more domains here -->
</select>

3. Anime Names/Words 📛

Expand the random name generator by adding to these arrays:

const animeNames = ['sakura', 'naruto', 'goku' /* Add more names */];
const animeWords = ['kawaii', 'kitsune', 'senpai' /* Add more words */];

4. Animations 🎬

Customize animations using anime.js:

anime({
  targets: '.card',
  translateY: [50, 0],
  opacity: [0, 1],
  duration: 1200,
  delay: anime.stagger(200),
  easing: 'easeOutExpo'
});

5. Footer Information ℹ️

Update the footer content in the HTML:

<footer>
  <div class="footer-content">
    <!-- Update social links, legal pages, and copyright -->
    <a href="https://github.com/yourusername" target="_blank">GitHub</a>
    <p>&copy; 2025 Your Name. All rights reserved.</p>
  </div>
</footer>

🖥️ Installation

1. Clone the repository:

git clone https://github.com/Shineii86/AniMail.git

2. Navigate to the project directory:

cd AniMail

3. Open index.html in your browser:

# For Windows:
start index.html

# For macOS:
open index.html

# For Linux:
xdg-open index.html

🌟 Features in Detail

Feature	Description	Emoji
Random Generator	Creates anime-themed emails with secure passwords	🎲
Custom Generator	Build your own email with custom domains	🛠️
Theme Toggle	Switch between light and dark modes	🌓
Glassmorphism UI	Modern frosted glass design elements	✨
Copy Functionality	One-click copy for emails and passwords	📋
Responsive Design	Works perfectly on all device sizes	📱

🧩 Project Structure

animail/
├── index.html          # Main HTML file
├── README.md           # Project documentation
├── LICENSE             # License file
├── assets/             # Optional assets folder
│   ├── css/            # CSS files
│   ├── js/             # JavaScript files
│   └── img/            # Image assets

🤝 Contributing

Contributions are welcome! Follow these steps:

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a pull request

🎉 Acknowledgements

• Anime.js for amazing animations
• Font Awesome for beautiful icons
• Google Fonts for Noto Sans font
• Shields.io for badges

---

🪪 License

This project is licensed under the MIT License. Feel free to use, remix, and share it with proper credits.

---

📬 Support

• Issues: GitHub Issues

---

💕 Loved My Work?

🚨 Follow me on GitHub

⭐ Give a star to this project

---

☎️ Contact

For inquiries or collaborations

^{Copyright © 2025 Shinei Nouzen. All Rights Reserved}