A highly interactive gaming website built using React, Tailwind CSS, and GSAP. This project demonstrates how a single developer can create a visually stunning, animation-rich web experience with modern frontend tools.
RDimens is a modern gaming-themed website focused on micro-animations, scroll-based interactions, and immersive visuals. It features full-screen video sections, animated typography, interactive cards, and smooth transitions that elevate user experience while maintaining performance and responsiveness.
- 🎥 Full-screen Hero section with interactive video and mini video player
- 🌀 GSAP-powered animations including scroll-triggered effects and timelines
- 📝 Animated titles with word-by-word staggered transitions
- 🧭 Responsive navigation bar with scroll-based hide/show behavior
- 🎧 Background audio player with visual indicators
- 🧩 Bento grid layout with interactive tilt-on-hover video cards
- 🖼️ Story section with 3D image tilt and SVG-based rounded corners
- 📞 Contact section with clipped images and call-to-action buttons
- 📱 Fully responsive design for mobile, tablet, and desktop
- React (with Vite) – Component-based UI and fast development
- Tailwind CSS – Utility-first styling with custom fonts and colors
- GSAP & ScrollTrigger – Advanced animations and scroll-based interactions
- JavaScript (ES6+) – Logic, interactivity, and state handling
- React Hooks:
useState,useRef,useEffect - Scroll-triggered animations with GSAP timelines
- Video control using React state and refs
- Custom Tailwind configuration (fonts & color palette)
- CSS clip-path and SVG filters for unique shapes
- Modular, reusable component architecture
npm install
npm run dev- Complex, animated websites can be built solo using modern tools
- Micro-animations significantly improve UX without harming performance
- GSAP enables precise, smooth, and scalable animations
- Clean component architecture improves maintainability and scalability
Inspired by the design and interaction patterns of zentry.com, focusing on luxury visuals, immersive motion, and modern UI principles.