Skip to content

KireiTab (きれい) replaces your default Chrome New Tab page with a beautiful, minimal, and fully customizable dashboard, featuring HD anime backgrounds, a clean clock, search, and your essential quick links.

License

Notifications You must be signed in to change notification settings

khdxsohee/KireiTab

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Version GitHub license GitHub issues GitHub forks Project Status Manifest Version

KireiTab - Your Anime New Tab Dashboard

KireiTab (きれい) replaces your default Chrome New Tab page with a beautiful, minimal, and fully customizable dashboard, featuring HD anime backgrounds, a clean clock, search, and your essential quick links.

✨ Features

KireiTab is designed for speed, style, and personalization.

Category Feature Description
🖼️ Visuals Custom HD Backgrounds Easily upload your own high-resolution anime images.
Image Rotation Set a time interval to automatically cycle through your stored backgrounds.
📜 Dynamic Anime Quotes (New!) New Feature: Added dynamic Anime Quotes with async loading and a flicker-free UI for a smoother experience.
Visual FX Controls Adjust blur and overlay darkness to ensure text is always readable over your favorite images.
⌚ Utilities Customizable Clock Choose between 12-hour (AM/PM) or 24-hour time format.
Quick Links Management Add, edit, and remove your essential URLs (e.g., GitHub, YouTube, Reddit) directly from the options page.
Integrated Search A central search bar for quick Google queries or direct URL navigation.
Todo & Apps Quick access to your installed Chrome Apps and a simple, local Todo List for daily tasks..
⚙️ Usability Randomized Start Option to load a different background every time a new tab opens.
Fast Search Focus Hit the / key anywhere on the page to instantly focus the search bar.
Private & Local Storage All settings, quick links, and custom images are stored locally in your browser's IndexedDB and Chrome storage, ensuring full privacy and speed..
image

Personalization

🚀 Installation

Since KireiTab is not yet published on the Chrome Web Store, you can install it easily using Developer Mode.

Steps to Install:

  1. Clone the Repository:

    git clone https://github.com/khdxsohee/KireiTab.git

    Alternatively, download the project as a ZIP file and extract it.

  2. Open Chrome Extensions:

    • Navigate to chrome://extensions/ in your Chrome browser.
  3. Enable Developer Mode:

    • In the top-right corner, toggle the "Developer mode" switch ON.
  4. Load Unpacked:

    • Click the "Load unpacked" button that appears.
    • Select the entire KireiTab project folder (the one containing manifest.json, newtab.html, etc.).
  5. You're Done!

    • Open a new tab to see KireiTab in action.
    • Disable footer by right clicking on it, and select hide footer in chrome.
    • Click the ⚙️ (gear icon) in the top-right to access the customization settings.

🛠️ Customization & Usage

All settings are managed through the Options Page, accessible via the gear icon (⚙️) on your new tab.

Image Settings

  • Upload: Use the file input to upload multiple JPG or PNG images. They will be immediately available.
  • Default Images: The extension includes a few default images (in the images/ folder) which can't be removed, but your uploaded images can be easily deleted by clicking on their thumbnails.
  • Rotation: Set the Rotate interval (seconds) to a value greater than 0 to enable automatic cycling.

Quick Links

  • Scroll to the Quick Links Management section.
  • Use the "Add Link" form to quickly populate your dashboard with custom links. Links are displayed dynamically on the main New Tab screen.

🤝 Contributing

We welcome contributions! If you have suggestions for a feature, design improvements, or bug fixes, please follow these steps:

  1. Fork the repository (https://github.com/khdxsohee/KireiTab/fork).
  2. Create your feature branch (git checkout -b feature/new-feature-name).
  3. Commit your changes (git commit -m 'feat: Add new feature').
  4. Push to the branch (git push origin feature/new-feature-name).
  5. Open a Pull Request.

💻 Tech Stack

KireiTab is built for maximum speed and performance with a minimal, modern tech stack:

  • Core: Plain JavaScript, HTML5, CSS3 (No heavy frameworks).
  • Extension: Manifest V3 for modern security and Chrome Storage API for settings.
  • Data: IndexedDB for secure, local storage of custom HD background images.
  • Planned Features: Integrates Geolocation and external APIs for weather.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


                                                Made with 💙 by khdxsohee

About

KireiTab (きれい) replaces your default Chrome New Tab page with a beautiful, minimal, and fully customizable dashboard, featuring HD anime backgrounds, a clean clock, search, and your essential quick links.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •