عکس pooridev
created mac OS desktop with html , css , js 😀HTML
موضوع‌ها
۰
فورک‌ها
۰
ستاره‌ها
۶
تاریخ ایجاد
۳۰ تیر ۱۴۰۰
آخرین بروزرسانی
۱۰ ماه قبل

Hello World 👋

I am planing to make a mac OS simulator using HTML, CSS, and JavaScript 😀

Mac Os Monterey

You can try this project: https://mhmdmhd6.github.io/Mac-OS-Desktop

Sample Desktop Application 👇

Screenshot 2021-09-27 224557

Sample Mobile Application 👇



New Available features in this recent versions are: 😀

  • New background image.
  • Bluring the navbar (Bottom and Top).
  • New icons are added to the bottom taskbar.
  • Menu is added to top taskbar.
  • Dots under the icons of open apps.
  • Apps name is in top navbar.
  • Add light theme to project.
  • Right click Menubar.
  • control center for control brightness, sound, WiFi and others.

Sample images for the changes are as follow:👇



In this version I have added new icons, launchpad, Notepad and calculator. 😃 An example of new icons those are added:

This is how the new features looks like :)

new feature in this version Launchpad
new feature launchpad
Terminal Calculator App

and also Note app

note


📌 Please feel free to contribute to this project with your commmits, and share this with your friends if you like this projects.😁 😃

List of components for this project:

  • Navbar top
  • Dock
  • Clock (AM , PM)
  • Date
  • App Window
  • Dot Under icons
  • Drop down menu on navbar top
  • Terminal app
  • Note app
  • Add more notes on note app
  • Calculator app
  • Control center
  • Preference app
  • Map app
  • Siri
  • VSCode app
  • Weather app
  • Calendar app
  • Launchpad
  • search in Launchpad
  • Launchpad icons vibrate
  • Launchpad change page
  • Launchpad animation
  • dragable icon on dock
  • right click to duck icons
  • right click to desktop
  • shortcuts for opening app and other parts of site
  • Spotlight search
  • Change dekstop background
  • Spotlight search
  • Change dekstop background
  • Add change brightness range input
  • shortcuts for opening app and other parts of site

list of Shorcuts :

Alt + t = opening Terminal
Alt + o = opening Launchpad
Alt + s = opening serach in launchpad

Acknowledgements

Thanks @neysidev (Mehdi Neysi), @m-kashani (Mahdi Kashani) , @pooria faramarzian and @safaeean (Hossein Piri) for helping me to improve this project 🙏❤