All design credits go to Zentry. I just tried to clone there website to learn how awwards winning website are make.
This project is a clone of the Awwwards website, inspired by Zentry's design and functionality. It aims to replicate a sleek, modern, and interactive user interface while maintaining responsive and efficient performance. The clone is built using React, GSAP, and Tailwind CSS to deliver dynamic animations and a visually appealing design.
👉 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.
and many more, including code architecture and reusability
Follow these steps to set up the project locally on your machine.
Make sure you have the following installed on your machine:
- Git
- Node.js
- npm (Node Package Manager)
git clone https://github.com/ShadowAdi/ZentryWebsiteClone.git
cd awwards
Install the project dependencies using npm:
npm install
npm run dev
Open http://localhost:5173 in your browser to view the project.
Assets used in this project taken also from zentry and all the items can be found in assets folder.