Xenith is a visually captivating, modern web application inspired by the aesthetics of Zentry. Featuring engaging scroll-triggered animations, geometric transitions, and immersive video storytelling, Xenith delivers a luxurious and contemporary user experience. It emphasizes seamless UI/UX and smooth responsiveness to create an interactive experience that rivals Awwwards-winning designs.
All design credits go to Zentry.
- React.js
- Tailwind CSS
✨ Scroll-Activated Animations: Engaging animations that trigger as you scroll, offering an interactive and immersive experience.
🌀 Geometric Transitions with Clip Paths: Stunning CSS-powered geometric effects that bring a unique visual appeal.
🔮 3D Hover Effects: Modern 3D transformations that respond to user actions, enhancing interaction.
🎬 Integrated Video Storytelling: Smooth video transitions that seamlessly integrate into the design for enhanced narrative flow.
💡 Fluid UI/UX: Clean, polished interfaces with smooth, intuitive interactions for a user-friendly experience.
📱 Fully Responsive Design: Optimized for seamless functionality across all devices.
🔧 Code Efficiency: Well-structured, reusable code architecture for easy maintenance and scalability.
Follow these steps to set up the project locally on your machine.
Prerequisites
Make sure you have the following installed on your machine:
Cloning the Repository
git clone https://github.com/Prince-695/Zentry-Clone--Xenith.git
cd Zentry-Clone--XenithInstallation
Install the project dependencies using npm:
npm installRunning the Project
npm run devOpen http://localhost:5173 in your browser to view the project.