https://github.com/ruban-edward/chrome_customization

A minimal, customizable Chrome new tab page to boost productivity with quick access to your favorite websites and tools.
https://github.com/ruban-edward/chrome_customization

brave chrome chromecustomtabs edge html-css-javascript

Last synced: about 1 month ago
JSON representation

A minimal, customizable Chrome new tab page to boost productivity with quick access to your favorite websites and tools.

• Host: GitHub
• URL: https://github.com/ruban-edward/chrome_customization
• Owner: Ruban-Edward
• License: mit
• Created: 2025-07-20T17:05:14.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-20T17:26:39.000Z (11 months ago)
• Last Synced: 2025-07-20T19:07:06.605Z (11 months ago)
• Topics: brave, chrome, chromecustomtabs, edge, html-css-javascript
• Language: CSS
• Homepage:
• Size: 1.28 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🚀 Chrome Customization

A simple and efficient setup to customize your Chrome experience by organizing commonly used websites, shortcuts, and tools all in one tab. This project enhances productivity by providing quick access to your everyday links with a clean, user-friendly interface.

---

## 🌟 Features

- 🧭 **Quick Navigation**: Add and access your most visited websites with a single click.

- 🎨 **Minimal Design**: Lightweight and aesthetically clean layout for distraction-free browsing.

- 🧩 **Custom Shortcuts**: Easily configurable shortcuts for personal or work use.

- 🌐 **Local First**: Designed to run locally as a custom new tab page for Chrome.

---

## 📸 Preview

![screenshot](assets/screenshot.png)  

*A glance at the home page layout (Update this image with your own preview).*

---

## 🛠️ How to Use

1. **Clone the repository**  

   ```bash

   git clone https://github.com/Ruban-Edward/chrome_customization.git

   ```

   

2. **Open the folder**  

```bash

cd chrome_customization

```

3. **Set it as your Chrome New Tab page**  

   * Open Chrome and go to chrome://extensions/

   * Enable Developer Mode

   * Click Load unpacked and select the project folder

   * This will set the custom page as your new tab

  

---

## 📂 Folder Structure

      chrome_customization/

      ├── assets/           # Images, icons, and static resources

      ├── css/              # Stylesheets

      ├── js/               # JavaScript files

      ├── index.html        # Main page

      └── README.md         # Project documentation

---

## ✨ Customization

   * Edit index.html to modify site links or layout

   * Add your own icons or change styles in css/style.css

   * For additional functionality, modify scripts in js/

---

## 📌 Tips

   * Use meaningful icons for quick recognition

   * Keep the layout minimal for better speed and focus

   * Regularly update your links based on current needs

---

## 🤝 Contributing

Pull requests are welcome! If you have ideas to improve this tool, feel free to fork and enhance it.

---

## 🧑‍💻 Author

Ruban Edward

## 📄 License

This project is licensed under the MIT License.