A customizeable macOS style new tab. You can preview it here.

⚠️ This is still in beta, please report any bugs here

👁️ Previews

Left: Blur disabled | Right: Blur enabled

📄 Features

• ☀️ Dynamic wallpaper (Light/dark mode)
• 🖱️ Toggleable hover effect
• 🫧 Toggleable background blur effect*

_{*Blur effect blurs the background image, not behind the browser}

✅ Usage

🎨 Customization

1. Fork this repository
2. In your fork, open customize.js
3. Click the pencil icon at the top
4. Customize the new tab
5. Click "Commit Changes"
6. Click "Commit Changes" again
7. You may need to wait for the changes to be applied, usually 2-3 mins.

The URL for your new tab is https:// + Your GitHub username + .github.io/ + The repository name (Default: macos-newtab)
E.g: https://itsfoxdev.github.io/macos-newtab/

🏷️ Setting the new tab

⚠️ First, make sure you've completed the first step in Customization.

The URL for your new tab is https:// + Your GitHub username + .github.io/ + The repository name (Default: macos-newtab)
E.g: https://itsfoxdev.github.io/macos-newtab/

Chromium (Chrome, Edge, Opera, etc.)

1. Install New Tab Override
2. If you are using Edge, you may have to enable the extension by going to edge://extensions/?id=fjcmlondipcnnpmbcollgifldmajfonf (Copy and paste URL)
3. Go to the extension options, and enter the URL for your new tab.
4. Click save, and you're done!

Firefox

1. Install Custom New Tab Page
2. Go to about:addons (Copy and paste URL)
3. Find "Custom New Tab Page" in the extension list
4. Click the 3 dots, then "Options"
5. Select the options tab
6. Enter in the URL for your new tab
7. Tick both checkboxes ("Remove iframe headers" and "Force links to open in the top frame")
8. Scroll to the bottom and click "Save"
9. At the top, go to the "Permissions" tab
10. Make sure all of the toggles are on, and you're done

🗺️ Roadmap

Nothing here yet...

🔴 = Not started‎‎ ‎ ‎ ‎ ‎ 🟡 = In development‎ ‎ ‎ ‎ ‎ 🟢 = Implemented

ℹ️ Information

Commit icon guide:

• ⬆️ = Uploaded a file
• 🎉 = Major update
• 🐛 = Bug fix
• 🚧 = Test update
• 🏷️ = Text/label edit
• 🗑️ = File removed

📦 How to contribute

1. Fork the repository
2. Make changes in the fork
3. Create a pull request
4. Your pull request will be reviewed