A premium Compass web application built using pure HTML, CSS, and JavaScript. This project features a VIP-grade UI with linear and inner gradients, smooth animations, and a modern glassmorphism design. It works on mobile devices using real sensors and provides a mouse-based fallback for desktop users.
Ultra-premium VIP UI with gradients & glow
Fully responsive (Mobile / Tablet / Desktop)
Real compass using Device Orientation API
Desktop mouse interaction fallback
Smooth needle rotation animation
Clean & minimal code (No libraries)
Mobile: Uses phone sensors to detect direction
Desktop: Uses mouse movement to simulate compass rotation
📂 Project Structure 📁 Compass-App ┣ 📄 index.html ┣ 📄 style.css ┗ 📄 script.js
#✅ Usage
Download or clone the repository
Open index.html in your browser
Rotate your phone or move your mouse
Perfect for portfolio projects, UI showcases, and JavaScript practice.
👨💻 Developed by
Abdullah Anwar – Web Developer