https://github.com/amith-b/macnewtab
Extension for MacOS-inspired new tab experience
https://github.com/amith-b/macnewtab
chrome chrome-extension css homepage html javascript mac-new-tab macnewtab macos new-tab newtab react
Last synced: about 1 month ago
JSON representation
Extension for MacOS-inspired new tab experience
- Host: GitHub
- URL: https://github.com/amith-b/macnewtab
- Owner: Amith-B
- License: gpl-3.0
- Created: 2024-12-18T09:58:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-03-24T09:11:11.000Z (3 months ago)
- Last Synced: 2026-04-02T07:37:58.433Z (2 months ago)
- Topics: chrome, chrome-extension, css, homepage, html, javascript, mac-new-tab, macnewtab, macos, new-tab, newtab, react
- Language: TypeScript
- Homepage: https://chromewebstore.google.com/detail/mac-new-tab/mohppegbiigoahehdihbgmabkflajklj?authuser=0&hl=en
- Size: 17.2 MB
- Stars: 11
- Watchers: 2
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Audit: audit_report.json
Awesome Lists containing this project
README
# macOS Inspired New Tab
This is a simple new tab (browser's home page) inspired by macOS design, created using React.
## 🚀 Features
### 🌟 Elegant Widgets
- Display an **analog clock**, **date**, and **personalized greetings**—just like macOS.
### 🌤️ Weather Widget
- View current temperature and conditions directly on your new tab.
- **Auto Location**: Uses geolocation to automatically fetch weather for your area.
- **Manual Location**: Pin a specific city to always show its weather without sharing your location.
- **Customizable**: Toggle between Celsius and Fahrenheit. Privacy-first with no API keys required.
### 🔋 Battery Widget
- macOS-style battery indicator with a circular progress arc and laptop icon.
- Displays current **battery percentage** and **charging status** in real time.
- Arc color adapts based on charge level — green when charging, yellow/amber normally, red when low.
- Toggle on or off from Settings → General.
### 🔍 Powerful Search
- Search effortlessly with an intuitive input bar.
- Choose between:
- Your **browser’s default search engine**
- **YouTube**
- **ChatGPT**
- **Spotify**
- If a URL is detected, it directly redirects instead of searching (browser search only).
### ⚡ Quick Links & Favorites
- Navigate to your most-visited sites or add your own custom links.
- **Fully Customizable**: Add, edit, or remove links from the settings panel.
- **Drag & Drop**: Easily rearrange your quick links in any order you prefer.
- **Custom Icons**: Automatically fetches the site's high-quality favicon, or upload your own custom icon.
- Customize whether links open in the same tab or a new one.
### 📚 Bookmark Manager (New!)
- Browse and search through all your saved bookmarks in a clean, macOS-inspired interface.
- Quickly open any bookmark with a single click.
- Organized in a launchpad for easy access without leaving the new tab.
### 🎨 Customizable Themes & Wallpapers
- Toggle between **dark mode, light mode, or system mode**.
- Choose theme colors.
- Set a **custom wallpaper** or pick from a **stunning collection**.
- **Dynamic Wallpapers**: Choose from **animated themes** including Nature, Sci-Fi, and Abstract styles.
### 📅 Toggle Calendar Views
- Switch between **month view** and **date view**.
### 🗣️ Voice Search
- Activate voice search with a Siri-like button for hands-free browsing.
### 📱 Launchpad & Dock
- Access favorite links quickly with a customizable **dock bar** and **Launchpad overlay**.
### 📝 Daily To-Do List
Stay on top of your tasks with a simple, built-in **to-do list**. Easily add and manage daily items directly from your **new tab**.
### 🗒️ Sticky Notes
- Create colorful, draggable **sticky notes** directly on your new tab page
- **Drag and drop** notes anywhere on the screen for perfect organization
- **Auto-save** - all notes persist across browser sessions
- **Quick access** - create new notes instantly from the dock
- **Editable content** - click to type and edit your notes on the fly
- Perfect for quick reminders, ideas, and temporary notes
### 🗂️ Seamless Tab Management
- Stay in control of your browser with a built-in Tab Manager—beautifully integrated into the side panel
- Instantly search through all open tabs, Switch to any tab with a click, Close tabs directly from the list
- Easily toggle the panel with a subtle notch on the screen’s edge
### 🗓️ Google Calendar Events
- Seamlessly integrates with Google Calendar using Google Sign-In.
- Displays your upcoming events for the next 30 days directly on the new tab page.
- Shows event title, time, and source calendar with a clean macOS-style widget.
- Clicking an event opens it instantly in Google Calendar.
- All authentication and data access happen securely through Google APIs — no user data is stored or shared externally.
- Optionally toggle this widget on or off from the settings panel for a clutter-free experience.
### 🍅 Focus Studio (New!)
- Stay productive with a built-in **Pomodoro-style timer**.
- **Ambient Sounds**: Mask distractions with Brown, Pink, White, Violet, and Blue noise generators.
- **Task Integration**: Link your timer session to a specific task from your To-Do list.
- **Visual & Audio Alerts**: Get notified with a gentle chime and notification when your session is complete.
- Customize your focus duration to match your workflow.
### 🖌️ Freeform Canvas (New!)
An **infinite whiteboard** built right into your new tab — sketch ideas, build mind-maps, and annotate screenshots without ever leaving your browser.
- **Drawing Tools**: Pen, Fine Pen, Highlighter, and Eraser with adjustable sizes.
- **Shapes**: Draw Lines, Arrows, Rectangles, Circles, Triangles, Stars, and more.
- **Sticky Notes**: Add colorful sticky notes anywhere on the canvas.
- **Text & Images**: Place resizable text blocks and images freely on the canvas.
- **Pan & Zoom**: Explore an infinite workspace at any zoom level.
- **Smart Eraser**: Cleanly erase any part of your drawing without affecting the rest.
- **Colors & Styles**: Choose from a full color palette with per-stroke customization.
- **Undo / Redo**: Easily undo any mistake with a full history stack.
- **Export**: Save your canvas as a PNG image with one click.
- **Auto-Save**: Your canvas is saved automatically and restored the next time you open it.
- Toggle Freeform on or off from **Settings → Dock**.
### 💾 Backup & Restore
- Never lose your setup! Easily **export** your settings, to-do lists, sticky notes, and custom wallpapers to a JSON file.
- **Import** your data to restore your dashboard on a new device or browser instance.
### 🌍 Multi-Language Support
- Supports **20 languages**, including English, Kannada, Hindi, German, Spanish, French, Chinese, Japanese, Korean, and more.
## 🛠 Installation & Running Locally
### Install Packages
```sh
yarn install
```
### To Run the Project
```sh
yarn start
```
### To Build
```sh
yarn build
```
#### Once the build is generated in the `build` folder, this folder can be used to load the extension in `chrome://extensions/` with Developer Mode enabled.
## Chrome Extension Link
[Install from Chrome Web Store](https://chromewebstore.google.com/detail/mac-new-tab/mohppegbiigoahehdihbgmabkflajklj?authuser=0&hl=en)
---
Enjoy the elegance of macOS design right in your browser! ✨
---
**[Privacy Policy](https://amith-b.github.io/macnewtab/privacy.html)**
© 2025 macnewtab