Unity Gaming UI Kit

A responsive UI design for a gaming platform, built with HTML, Tailwind CSS, and Ionicons.

Features

• Responsive design that works on mobile, tablet, and desktop
• Dark theme with purple accents, matching the Unity Gaming theme
• Sidebar navigation with collapsible menu on mobile
• Featured match hero section
• Live channels showcase
• Followed channels section with user avatars
• Popular game categories
• Recommended videos
• Custom hover effects and animations

How to Use

1. Simply open the index.html file in a web browser to view the UI
2. The UI is fully responsive - try resizing the browser to see different layouts
3. All interactive elements (buttons, cards, navigation) have hover effects

Technologies Used

• HTML5
• Tailwind CSS (loaded via CDN)
• Ionicons for icons
• Custom CSS for additional styling

Screenshots

The UI includes different layouts optimized for:

• Mobile (< 640px)
• Tablet (640px - 1024px)
• Desktop (> 1024px)

Customization

You can customize this UI by:

• Modifying the colors in the Tailwind config section in the HTML file
• Changing the images (currently using placeholder images)
• Adding or removing sections as needed
• Updating the content to match your gaming platform

License

MIT License