Hover-Flow 🎥✨

🎬 Live Preview

▶ Watch Live Preview on YouTube

"Where titles come alive"

Fluid hover interactions with instant previews

🎥 Overview

Hover-Flow is an immersive media showcase where titles come alive on hover — perfect for creators who want to:

• 🎮 Display game clips with cinematic flair
• 🎬 Showcase video portfolios in seconds
• ✨ Impress viewers with buttery-smooth animations

Why it stands out

• ✅ Zero-click previews – Just hover to reveal content
• ✅ Dead-simple setup – No databases or complex config
• ✅ Fully customizable – Tweak styles with ease

---

🌟 Features

• 🎯 Hover Magic – Titles reveal video previews with smooth animations
• 🗂️ Your Content – Add any game or media titles
• 🌀 Smooth Animations – 60fps tilt, fade, and scale effects
• 🎨 Customizable – Adjust colors and timing via CSS variables
• 💎 Sleek Design – Dark theme with tasteful accents

🛠️ Admin Simplicity

Drag & Drop uploads. Instant previews. Lightweight performance.
- MP4/WebM Support
- 3-Clip Limit for max smoothness
- Changes reflect live

💡 Inspired By

Built upon concepts from @mirayatech's innovative design approach.

_{Turn your media collection into an immersive experience}

```

🛠️ Tech Stack

• Frontend: HTML5, CSS3, Vanilla JavaScript
• Backend: Node.js, Express
• Styling: Tailwind CSS + Custom Animations

🚀 Quick Start

# Clone and install
git clone https://github.com/Scylox56/Hover-Flow
cd hover-flow && npm install

# Launch
node server.js

How To Access:

Showcase: http://localhost:3000 Admin: http://localhost:3000/admin.html

<sup>Made with ❤️ and excessive hover effects</sup>

📜 License

MIT © Scylox56