HyperDrive is a high-impact, visually stunning supercar showcase website built for a hackathon. Inspired by elite brands like Koenigsegg, Pagani, and Bugatti, HyperDrive offers a sleek, motion-enhanced, and premium web experience.
We aimed to capture the raw power, luxury, and innovation of hypercars through a futuristic, minimalist website that highlights craftsmanship and performance. Built with React, Tailwind CSS, and Framer Motion, this project delivers immersive storytelling and smooth transitions.
- 🔥 Full-Screen Tire Loader Animation
- 🎞️ Framer Motion-Powered Page Transitions
- 🏎️ Animated Car Showcase Cards
- 💻 Responsive Design (Desktop & Mobile)
- ✨ Hover Interactions & Modern Typography
- 🌙 Dark-themed UI for a premium feel
| Tech | Purpose |
|---|---|
| React.js | UI Framework |
| Tailwind CSS | Utility-first CSS for rapid styling |
| Framer Motion | Animation and motion handling |
| Vite | Fast build tool for React |
| Vercel | Deployment platform |
hyperdrive/
├── public/
├── src/
│ ├── assets/
│ │ ├── images of cars, pfp, tire, etc.
│ ├── components/
│ │ ├── MainSite.jsx
│ ├── App.jsx
│ └── main.jsx
├── package.json
├── tailwind.config.js
├── postcss.config.js
└── vite.config.js
🌐 Live Demo Hosted on Vercel 🔗 https://pixel-hack-webathon-yczk.vercel.app/