Zentry is a futuristic, interactive website that delivers a luxurious experience with captivating scroll-based animations, geometric transitions, and engaging video storytelling. Built with cutting-edge web technologies, it combines dynamic visuals with smooth performance for an Awwwards-worthy design.
Experience the live demo here: Zentry: Explore the Magic
- GSAP: Industry-leading JavaScript animation library for complex transitions
- React.js: Component-based framework for seamless UI development
- Tailwind CSS: Utility-first CSS framework for responsive and modern designs
- Scroll-Based Animations: Dynamic effects triggered by scrolling for engaging storytelling
- 3D Hover Effects: Interactive hover animations for a futuristic feel
- Clip Path Transitions: Geometric and visually stunning transitions using CSS
clip-path
- Video Storytelling: Embedded videos for a narrative-driven design
- Modern UI Geometry: Unique shapes, grids, and seamless visual flows
- Neon Gradients: Glowing effects and gradients to highlight premium aesthetics
- Flawless adaptation across all devices for consistent user experience
- Modular architecture for maintainability
- Reusable components for scalability
Take a glimpse at the captivating design and interactive features of Zentry:
Follow these steps to set up Zentry locally:
Ensure the following are installed on your machine:
- Git
- Node.js
- npm
- Clone the repository:
https://github.com/MohammedJawwad/Zentry.git
- Navigate to the project directory:
cd Zentry- Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and navigate to http://localhost:3000.
This project is licensed under the MIT License.