Skip to content

scripticalx/New-Tab-Page

Repository files navigation

Custom New Tab Page

A modern, aesthetic New Tab Page built with React and Vite.

License

Features

Core

  • Clock & Date: Bilingual support (English/Indonesian) with toggleable seconds.
  • Search Bar: Minimalist search bar integrated with Google, DuckDuckGo, Bing, or Yandex.
  • Bookmarks: Drag-and-drop bookmarks with automatic favicon retrieval.
  • Notes: Quick notes panel with auto-save to LocalStorage.

Multimedia

  • Radio Player: Integrated Prambors Radio streamer with live track metadata and album art.
  • Music Visualizer: Dynamic, randomized audio visualizer that reacts when music is playing.

Customization

  • Backgrounds: Support for solid colors, images, and video backgrounds.
  • Visual Effects: Adjustable blur and darken intensity for better readability.
  • Persistence: All settings are saved locally using useLocalStorage.
image

Usage/Examples

Use this chrome extension https://chromewebstore.google.com/detail/custom-new-tab/lfjnnkckddkopjfgmbcpdiolnmfobflj image

Tech Stack

  • Framework: React + Vite
  • Styling: Tailwind CSS (v4)
  • Icons: Lucide React
  • Utilities: canvas-confetti, @dnd-kit/core

Run Local

  1. Install Dependencies

    npm install
  2. Run Development Server

    npm run dev
  3. Build for Production

    npm run build

Contributing

We welcome contributions! Please open an issue or submit a pull request to contribute to the project.

License

MIT