Skip to content

Amith-B/macnewtab

Repository files navigation

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.

πŸͺŸ Spaces (New!)

Create entirely separate, customizable workspaces within your dashboard to keep your contexts organized.

  • Independent Customization: Assign a unique wallpaper, theme, and custom launchpad icons to each Space.
  • Isolated Workflows: To-dos, Sticky Notes, and Freeform Canvas drawings are saved independently per Space.
  • Time-Sensitive Automation: Configure time ranges for your Spaces, allowing your dashboard to automatically transition between different layouts and aesthetics based on the time of day.
  • Switch between Spaces seamlessly to stay organized, whether it's for work, personal use, or varying times of the day.

πŸ’Ύ 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

yarn install

To Run the Project

yarn start

To Build

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


Enjoy the elegance of macOS design right in your browser! ✨


Privacy Policy
Β© 2025 macnewtab