Skip to content

XengShi/materialYouNewTab

Repository files navigation


Material You NewTab

Material You NewTab is a versatile browser extension that personalizes your New Tab page with customizable themes and a welcoming message, all while integrating seamlessly with your preferred search engine.

License Last Commit GitHub contributors GitHub stars GitHub forks

FeaturesAdditional FeaturesCurrently Supported LanguagesInstallation Guide
UsageContributingIssues and SupportPrivacy PolicyLicense

Screenshot 1

Screenshot 2 Screenshot 3
Screenshot 4 Screenshot 6
Screenshot 5 Screenshot 7
Screenshot 5 Screenshot 7

✨ Features

  • Customizable Themes: Choose from a selection of themes to match your style.
  • Personalized Greeting: Add a custom message or your name, so you're greeted each time you open a new tab.
  • Integrated Search: Search directly from the New Tab using your preferred search engine—Google, DuckDuckGo, Bing, or YouTube.
  • Browser Compatibility: Supports major browsers like Chrome, Edge, Firefox, Brave, and Safari.

🛠️ Additional Features

  • Responsive and Modern Design:

    • The extension is built with a clean, modern interface inspired by Material You, offering a consistent aesthetic that’s pleasing to the eye.
    • Elements are intuitively placed, ensuring ease of use and accessibility for users of all ages.
  • Seamless Integration with Browsers:

    • The extension integrates smoothly with all major browsers, including Chrome, Edge, Brave, Firefox, and Safari, providing a cohesive experience across platforms.

🌐 Currently Supported Languages (15)

Language Code Translator(s)
  English   en XengShi, Prem
  Bangla - বাংলা   bn It'z RJ, Prem
  Chinese (Simplified) - 中文 zh-CN Guy Berryman
  Czech - Čeština   cz Michal Šmahel
  Hindi - हिंदी   hi XengShi, Prem
  Indonesian - Bahasa Indonesia idn Ayyas-RF
  Italian - Italiano   it Claudio Di Maio
  Japanese - 日本語   ja XengShi
  Korean - 한국어   ko XengShi
  Portuguese - Português pt-BR Maycon Vitor Correa
  Russian - Русский   ru giwi
  Spanish - Español es-ES XengShi
  Turkish - Türkçe   tr Nobody
  Uzbek - O'zbek   uz Firdavs
  Vietnamese - Tiếng Việt   vn Diep

📥 Installation Guide

Download

  1. Clone the Repository:

    git clone https://github.com/XengShi/materialYouNewTab.git
    • Alternatively, download the latest version as a ZIP file by clicking the Download ZIP button below:

    Download ZIP

  2. Direct Download:

    • On the repository page, click the Code button, then select Download ZIP from the dropdown.

Installation

Chromium Chromium-Based Browsers

  1. Install from Chrome Web Store:

    Or follow the manual steps below:

  2. Manual Installation:

    • Prepare the Extension Folder:

      • Ensure you’ve cloned the repository or downloaded the ZIP file and extracted it.
    • Open Extensions Page:

      • Chrome Chrome: chrome://extensions

      • Edge Edge: edge://extensions

      • Brave Brave: brave://extensions

      • Opera Opera: opera://extensions

    • Enable Developer Mode:

      • Turn on Developer Mode in the extensions page.
    • Load Unpacked Extension:

      • Click on Load unpacked and select your extracted extension folder.

Below are screenshots of the process to guide you through each step visually.

Screenshot 1

Screenshot 2

Screenshot 3


Firefox Firefox

  1. Install from Mozilla Extensions Store:

Screenshot

Or follow the manual steps below:

  1. Manual Installation:
    • Clone the repository or download and extract the ZIP file.
    • Prepare the Manifest:
      • Delete the existing manifest.json file.
      • Rename manifest(firefox).json to manifest.json.
    • Load Temporary Add-on:
      • Go to about:debugging#/runtime/this-firefox, select "This Firefox", then click Load Temporary Add-on.
      • Browse and select the updated manifest.json.

Safari Safari

  1. Clone the repository or download and extract the ZIP file.
  2. Enable Developer Mode:
    • Open Safari, go to Preferences > Advanced and enable Show Develop menu in the menu bar.
  3. Install Extension:
    • Go to Develop > Show Extension Builder, click the "+" button, and select your extension folder.
    • Click Install.

Installation Video

For a step-by-step walkthrough, watch this installation guide video.

Watch the video

📖 Usage

  1. Welcome Greeting:

    • The extension greets you with a personalized message, like "Hello! It’z RJ," and displays the current date. This feature can be customized in the settings to show your name or preferred text, making your browsing experience feel more personal.
  2. Clock Widget:

    • A modern, animated clock is displayed prominently on the left side, keeping you aware of the current time without needing to check elsewhere.
  3. Weather Information:

    • Displays real-time weather information for your location, including temperature, weather condition (like "Sunny"), humidity, and "Feels like" temperature.
    • Users can set their location (like "Dhaka" in the screenshot) to get accurate weather data. A visual icon represents the weather, and temperature is displayed in degrees Celsius.
  4. Search Bar:

    • The search bar allows you to enter queries directly from the new tab page. This makes it quick and easy to start searching without switching to a different page or window.
    • Below the search bar, there are search engine options that allow you to choose your preferred search engine: Google, DuckDuckGo, Bing, Brave, or YouTube.
  5. Quick Access Social Media Icons:

    • At the bottom, there are quick-access icons for popular platforms, including YouTube, Email, Telegram, WhatsApp, Twitter, and more.
    • Clicking on any of these icons will redirect you to the respective platform, allowing for easy access to your frequently used services.
  6. AI Tools Button:

    • On the bottom left, an "AI Tools" button is available, which could provide access to AI-powered tools directly from the New Tab page. This feature can be helpful for quick, AI-driven assistance or tasks.

🤝 Contributing

Contributions are welcome! If you’d like to contribute:

  1. Fork the repository.
  2. Create a feature branch: git checkout -b feature/YourFeature.
  3. Commit your changes: git commit -m 'Add Your Feature'.
  4. Push to the branch: git push origin feature/YourFeature.
  5. Open a pull request.

❓ Issues and Support

If you encounter any bugs or issues, please submit an issue on the GitHub repository.

🔒 Privacy Policy

For information on how we handle privacy, please read our Privacy Policy.

📜 License

Copyright (C) 2023-2024 XengShi

This project is licensed under the GNU General Public License v3.0 (GPL-3.0). See the LICENSE file for details.

GitHub @XengShi  ·  Telegram @xengshi  ·  Email [email protected]