Skip to main content
Project 01 · Frontend clone

Bugatti Clone

Bugatti – Luxury Automotive Website Clone

A premium website clone inspired by Bugatti’s official platform, focusing on luxury branding, smooth transitions, and modern web aesthetics.

Type
Frontend clone
Core stack
React 19 · Vite · React Router
Live at
bugatti-clone-dev.vercel.app
Overview

What it is

A responsive clone of the Bugatti website built with React, Vite and Tailwind CSS. It recreates the luxurious design and feel of Bugatti’s web presence, with showcase pages for two of its most iconic models.

Pages share a reusable navbar and footer, and client-side routing keeps navigation between the showcases instant.

Features

What it does

Pages

  • HomeLanding page with an overview of the Bugatti brand.
  • ChironDedicated showcase page for the Bugatti Chiron.
  • BolideDedicated showcase page for the Bugatti Bolide.

Build

  • Responsive designLayouts that adapt across desktop, tablet and mobile.
  • Client-side routingReact Router for smooth navigation between pages.
  • Reusable componentsShared Navbar and Footer for a consistent layout.
Tech stack

Built with

Frontend
  • React 19
  • Vite
  • React Router
  • Tailwind CSS 4
Tooling
  • ESLint
  • Vercel
Screens