Skip to content

khdxsohee/KireiTab

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 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..
Screenshot (33)

🚀 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.

System Settings

  • Performance: Toggle animations or hardware acceleration based on your device capabilities.
  • Data: Backup your entire setup (links, images, todos) to a JSON file or restore from a previous backup.

🤝 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

 
 
 

Contributors