base on A Simple New Tab ( browsers's home page ) inspired with Google's 'Material You' design Initialized : Sun 20 Aug 2023 03∶41∶08 PM IST
# Material You NewTab
Material You NewTab is an extension for your browser that replaces the default New Tab or homepage, providing a fresh and modern look inspired by Google’s Material You design. This extension can be installed on nearly any browser, including Google Chrome, Edge, Firefox, Brave, and Safari.
With a variety of themes to choose from, you can personalize your browser according to your preferences. You can also enter your name or a custom text, so every time you open your browser, you’re greeted with your personalized message. Additionally, it allows you to search using your preferred search engine—whether it's Google, DuckDuckGo, Bing, or YouTube—without needing to manually change the settings each time.
![Screenshot 1](https://i.postimg.cc/M6V8cBZc/Screenshot-from-2024-10-10-20-18-36.png)
![Screenshot 3](https://i.postimg.cc/yVcHL9Hq/preview2.webp)
![Screenshot 4](https://i.postimg.cc/Ch0VX1hR/preview3.webp)
![Screenshot 4](https://i.postimg.cc/FFCGNWt0/material-you-new-Tab-nhsoft.webp)
#### 🔴🟡🟢 Test live : https://xengshi.github.io/materialYouNewTab/
## Installation Guide
### Download
Clone the Repository
`git clone https://github.com/XengShi/materialYouNewTab.git`
or
You can download the latest version of the extension by clicking the button below:
[![Download ZIP](https://img.shields.io/badge/Download-ZIP-blue.svg)](https://github.com/XengShi/materialYouNewTab/releases)
Additionally, you can also download the ZIP file by clicking on the Code button. On the repository page, look for a green button labeled **Code**. Click on the **Code** button, and in the dropdown menu, select **Download ZIP**.
### Installation
#### Chromium Based Browsers
0. Make sure you have cloned this repo `git clone https://github.com/XengShi/materialYouNewTab.git` or downloaded it from [here](https://github.com/XengShi/materialYouNewTab/releases).
- If downloaded as a `.zip` or `tar.gz` file, extract it first.
1. Copy & Paste the URL into your browser's search bar:
![Chrome](https://img.icons8.com/color/20/000000/chrome--v1.png) **Chrome** : `chrome://extensions`
![Edge](https://img.icons8.com/?size=20&id=dGm9KIZPpukc&format=png&color=000000) **Edge** : `edge://extensions`
![Brave](https://img.icons8.com/color/20/000000/brave-web-browser.png) **Brave** : `brave://extensions`
2. Enable developer options (See the screenshots below).
3. Click on 'Load unpacked' option.
4. Browse & Select your extension folder.
---
![Firefox](https://img.icons8.com/color/20/000000/firefox--v1.png) **Firefox**:
In Firefox, you can download it from the Mozilla Extensions Store at:
https://addons.mozilla.org/en-US/firefox/addon/material-you-newtab/
or
0. Make sure you have cloned this repo `git clone https://github.com/XengShi/materialYouNewTab.git` or downloaded it from [here](https://github.com/XengShi/materialYouNewTab/releases).
- If downloaded as a `.zip` or `tar.gz` file, extract it first.
1. **Delete the existing `manifest.json` file** from your extension folder.
2. **Rename `manifest(firefox).json` to `manifest.json`.**
3. Copy & Paste the following URL into your browser's search bar:
`about:debugging#/runtime/this-firefox`
4. Click on **"This Firefox"** in the left sidebar.
5. Click on the **"Load Temporary Add-on"** button.
6. Browse and select the updated `manifest.json` file from your extension folder.
---
![Safari](https://img.icons8.com/color/20/000000/safari--v1.png) **Safari**:
0. Make sure you have cloned this repo `git clone https://github.com/XengShi/materialYouNewTab.git` or downloaded it from [here](https://github.com/XengShi/materialYouNewTab/releases).
- If downloaded as a `.zip` or `tar.gz` file, extract it first.
1. Open **Safari** and click on **Safari** in the top menu bar, then go to **Preferences**.
2. Click the **"Advanced"** tab and check the box that says **"Show Develop menu in the menu bar"**.
3. In the menu bar, go to **Develop > Show Extension Builder**.
4. Click the **"+"** button to add your extension.
5. Browse & Select your extension folder.
6. Click **Install**.
---
### Installation Video
For a step-by-step installation guide, watch the video below:
[![Watch the video](https://img.youtube.com/vi/P4ryQPixfw8/0.jpg)](https://www.youtube.com/watch?v=P4ryQPixfw8)
---
![Screenshot 1](https://i.postimg.cc/w6JYypvc/chrome.png)
![Screenshot 2](https://i.postimg.cc/0ksR7BKg/edge.png)
![Screenshot 2](https://i.postimg.cc/bPW2fHX7/FireFox.png)
![Screenshot 2](https://i.postimg.cc/MqPSg5NR/brave.png)
## Feedback
We value your feedback! If you have any suggestions, ideas, or questions, please don't hesitate to reach out to us via
![Email](https://img.icons8.com/color/24/000000/email.png) [Email](mailto:
[email protected]) or ![Telegram](https://img.icons8.com/color/24/000000/telegram-app.png) [Telegram](https://t.me/xengshi).
", Assign "at most 3 tags" to the expected json: {"id":"11890","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"