A stunning, modern web application for exploring all Valorant game data including agents, weapons, maps, and cosmetics. Built with Next.js 15, React Three Fiber for 3D elements, and Framer Motion for smooth animations.

• Websitehttps://github.com/thpunisher/ValoHub
• PlatformWeb based application
• StackNext.js 15, TypeScript, React Three Fiber, Framer Motion

🎮 Core Features

Agents - Browse all playable agents with role-based filtering and detailed ability breakdowns

Weapons - Complete arsenal with detailed statistics, damage falloff tables, and skin browser

Maps - All competitive and rotating maps with tactical callouts and interactive minimaps

Arsenal - Gun Buddies, Player Cards, Sprays catalog and Game Modes information

🎨 Design & UX

Dark gaming aesthetic with Valorant's signature red accent

3D animated hero sections using React Three Fiber

Smooth scroll-triggered animations with Framer Motion

Responsive design for all screen sizes

Loading skeletons for better perceived performance

🛠 Tech Stack

Next.js 15 (App Router) with TypeScript

Tailwind CSS v4 for styling

shadcn/ui components

React Three Fiber + Drei for 3D graphics

Framer Motion for animations

Valorant-API for game data