A visually stunning and responsive Nike Clone website built using Next.js, Tailwind CSS, and Three.js. This project replicates key elements of the Nike website, including a sleek navigation bar, video banners, and dynamic 3D models for enhanced product interactivity.
- Responsive Design: Fully optimized for all device sizes using Tailwind CSS.
- Dynamic Components: Features video banners, interactive product categories, and 3D models.
- 3D Product Views: Enables users to rotate products with Three.js, adding an immersive shopping experience.
- Drawer Navigation: Drawer menu slides small screens and mobile phones.
- Modern UI: Clean and user-friendly interface inspired by Nike's design aesthetics.
- Next.js: For server-side rendering and seamless routing.
- Tailwind CSS: For fast and efficient styling.
- Three.js: For rendering and controlling 3D models in the product view.
- React Icons: Provides icons for UI components.
-
Clone the repository:
git clone https://github.com/usamafayyaz/nike-clone.git
-
Navigate to the project directory:
cd nike-clone -
Install the dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser and visit
http://localhost:3000to view the website.
You can see its demo; it is deployed at this link: https://nike-clone-gray.vercel.app/
For any inquiries or support, please contact [[email protected]].