🎌 Animyx - Anime Streaming Website

A modern, responsive anime streaming website built with HTML, CSS, and JavaScript.

Features

• 🎬 Beautiful UI - Modern dark theme with anime-inspired aesthetics
• 🔍 Search - Real-time search functionality for anime titles
• 📂 Categories - Filter anime by genre
• 🎥 Video Player - Custom video player modal with controls
• 📱 Responsive - Fully responsive design for all devices
• ✨ Animations - Smooth animations and transitions

Tech Stack

• HTML5
• CSS3 (Custom properties, Grid, Flexbox)
• Vanilla JavaScript (ES6+)

Project Structure

anime-streaming/
├── index.html
├── css/
│   └── styles.css
├── js/
│   └── main.js
├── assets/
│   └── images/
└── README.md

Getting Started

1. Clone the repository
2. Open index.html in your browser
3. Enjoy browsing anime!

Features in Detail

Navigation

• Fixed navigation bar with blur effect on scroll
• Smooth scrolling to sections

Hero Section

• Full-screen hero with parallax background
• Call-to-action buttons

Anime Cards

• Hover effects with play button overlay
• Rating, year, and episode count display
• Click to open video modal

Video Modal

• Custom video player controls
• Progress bar
• Volume and fullscreen controls
• Close on escape key or click outside

Search & Filter

• Real-time search with debouncing
• Genre-based filtering

Screenshots

The website features:

• Dark theme with gradient accents
• Card-based anime display
• Animated hover effects
• Responsive grid layout

License

MIT License - Feel free to use and modify!

---

Made with ❤️ for anime fans