About This Repository

This project originated from nothing-ui-newtab and has been further developed with personal customizations. It is maintained as a standalone repository.

---

Nothing UI New Tab is an elegant and feature-rich start page for your browser, heavily inspired by Material You NewTab. Designed with customization and user experience in mind, it transforms your new tab page into a personalized dashboard that caters to your needs and preferences.

 
 Features 
   
 Installation 
   
 License 
 

Screenshots

Features

• Create, Update & Remove app
• Dynamic app icon upon adding
• Custom icon from iconify
• Custom images for gallery widget, and custom bg image
• Toggle monochrome(grayscale) image on gallery widget, and background
• Toggle blur effect background image
• Toggle dock, app drawer, ai-tools, greeter
• Toggle between digital & analogue clock
• Weather ofc, necessary
• Custom greeting text
• Add search engines, set icon
• Set shortcut for search engine to quick switching
• Search suggestions

Planned Features

• Random image from unsplash or something
• Different color-schems
• Glass widgets
• Popup to add websites directly to app drawer, dock

...more unplanned features

Installation

Requirements

• bun
• Geist and Geist Mono

Tip

To ensure the font displays correctly in the new tab, you need to install it on your system. If not, it may not render properly

• podman or docker (optional)

Build

1. git clone https://github.com/ImRayy/nothing-ui-newtab
2. cd nothing-ui-newtab
3. bun install
4. bun run build

NOTE: You can build docker/podman image as well

Usage

Firefox extension

There are multiple ways to use this as a Firefox extension. The first and easiest method is to host this website on a hosting provider and use New Tab Override to set it as your new tab page. My preferred method is to use this as docker/podman image and start with systemd or add it to init script or something to start when system boots automatically.

Tip

When using New Tab Override extension make sure you check Set focus to the web page instead of the address bar option

Step 1

I prefer podman, if you prefer docker ig commands are similar

git clone https://github.com/ImRayy/nothing-ui-newtab
cd nothing-ui-newtab
podman build -t nothing-ui-newtab .
podman run -d -p <your-desired-port>:4173 nothing-ui-newtab 

Step 2 [rootless]

Legacy Systemd Medhod

## Generate systemd service
podman generate systemd --new --name <container-id> > ~/.config/systemd/user/nothing-ui-newtab.service

## Restart systemd daemon which will reload and re-execute the systemd
## user instance without stopping the currently running services
systemctl --user daemon-reload

## Enable & start container service that you just created
systemctl --user enable nothing-ui-newtab.service --now

---

Quadlet Systemd Method [recommended]

1. Copy following content in nothing-ui-newtab.container and move to ~/.config/containers/systemd

[Container]
Image=localhost/nothing-ui-newtab ## Could be something else, check with `podman container ls`
PublishPort=<your-desired-port>:4173

2. systemctl --user daemon-reload
3. systemctl --user enable nothing-ui-newtab.service --now

---

Chrome/Chromium-based Extension

1. Install & build
2. Click on extension icon somewhere in top right corner, click on extension button > Manage extensions > enable Developer Mode > Load Unpacked > Select nothing-ui-newtab/dist