Skip to content

Radexman/awwwards-adidas

Repository files navigation

Adidas Clone - Next.js + TypeScript + Tailwind + Three.js

This is a replica of the Adidas website built with modern frontend technologies, showcasing 3D effects and interactive elements using Three.js and react-three-fiber.

Adidas Clone Screenshot

🚀 Live Demo

Check it out here: Adidas Clone Live

🛠 Tech Stack

  • Next.js – React framework for SSR and routing
  • TypeScript – Type safety and better developer experience
  • Tailwind CSS – Utility-first styling
  • Three.js – 3D graphics and animations
  • React Three Fiber – Integrating Three.js with React

🎨 Features

  • Fully responsive layout
  • Interactive 3D elements using Three.js
  • Smooth animations and transitions
  • Component-driven architecture
  • Styled with Tailwind CSS for fast, maintainable design

📦 Getting Started

Clone the repository:

git clone https://github.com/your-username/adidas-clone.git
cd adidas-clone
npm install
# or
yarn install
npm run dev
# or
yarn dev

About

3D adidas product showcase

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors