Experience a highly realistic, interactive macOS environment directly in your browser. Built from the ground up using React, Tailwind CSS, and GSAP for buttery-smooth animations and authentic Apple aesthetics.
Authentic frosted-glass UI, functional top menu bar, and a GSAP-powered magnifying dock.
Draggable, stackable, and resizable windows with functioning simulated apps.
- 🪟 Advanced Window Management: Fully draggable, resizable, and stackable windows with smart Z-index sorting powered by Zustand and GSAP.
- 🌐 Functional Safari Browser: Real Google Search integration with an authentic macOS address bar, loading states, and frosted glass effects.
- 💻 Interactive Terminal: Simulated ZSH terminal with a mock file system and commands (
ls,cd,pwd,echo,clear,open). - 🔍 Spotlight Search: Press the search icon to instantly search and launch available applications.
- 📱 Simulated Apps: Includes Finder, Photos, Contacts, Trash, and a PDF viewer (Resume).
- 🖱️ Authentic Interactions: Hover-to-expand menu bars, interactive traffic-light window controls, and a magnifying dock.
- 🚀 Boot Sequence: Realistic black-screen Apple boot-up animation that preloads assets.
- Framework: React 19
- Build Tool: Vite
- Styling: Tailwind CSS
- State Management: Zustand (Immer integrated)
- Animations: GSAP & GSAP Draggable
- Icons: React Icons (io5, bs)
- Date Handling: Day.js