KINETIQ is a high-performance, visually stunning frontend for a fictional elite sports accessories brand. Designed with bold aesthetics and buttery-smooth animations, the site showcases 3D gear previews, kinetic scroll effects, and an athlete-grade user experience that commands attention.
- Hero section with animated call-to-action buttons
- Interactive 3D product previews powered by Three.js
- Kinetic scroll animations with Framer Motion
- Fully responsive and mobile-optimized layout
- Modern athlete-grade UX with bold typography
- Dark theme design throughout
| Technology | Purpose |
|---|---|
| React | UI library |
| TypeScript | Type-safe development |
| Tailwind CSS | Utility-first styling |
| Framer Motion | Animations and transitions |
| Three.js | 3D rendering and product previews |
| Vite | Build tool and dev server |
🔗 https://kinetiq-shopping.vercel.app
# Clone the repository
git clone https://github.com/codebybilal18/kinetiq.git
# Navigate to the project directory
cd kinetiq
# Install dependencies
npm install
# Start the development server
npm run devMuhammad Bilal
- 💻 GitHub: codebybilal18
- 💼 LinkedIn: mbilal18
This project is licensed under the MIT License.