All design credits go to Zentry. This project is created purely for educational purposes and is not intended for commercial use or public deployment.
Build a visually captivating website inspired by Zentry, featuring scroll-triggered animations, geometric transitions, and engaging video storytelling.
- GSAP
- React.js
- Tailwind CSS
👉 Scroll-Based Animations: Dynamic animations triggered by scrolling for a more engaging user experience.
👉 Clip Path Shaped Animations: Unique geometric transitions using CSS clip-paths to create visually stunning effects.
👉 3D Hover Effects: Interactive 3D transformations that respond to user interactions for a modern feel.
👉 Video Transitions: Seamlessly integrated video elements to enhance storytelling and flow.
👉 Smooth UI/UX: Polished interfaces with buttery-smooth interactions for an intuitive user journey.
👉 Completely Responsive: Flawless adaptation across all devices, ensuring a consistent experience.
Installation
Install the project dependencies using npm:
npm install
Running the Project
npm run dev
Open http://localhost:5173 in your browser to view the project.
This project uses some assets and fonts from Zentry purely for educational and demonstration purposes. All rights to these assets and fonts belong to their respective owners. This project is not affiliated with or endorsed by Zentry.