I built a New Tab productivity dashboard extension where you can embed iframes, and target an element with a CSS selector to display as a widget, and heaps of other useful widgets and features. Would love /r/webdev’s feedback!

Introducing New Tab Widgets: A Customizable Productivity Dashboard for Your Browser

Are you looking for a versatile and personalized start page that enhances your daily productivity? I’m excited to share a project I’ve dedicated over four years to developingโ€”a comprehensive new tab extension designed to turn your browserโ€™s start page into a powerful, customizable dashboard.

What Is It?

Initially created to control my Philips Hue lighting setup directly from a new tab, this extension has grown into an extensible platform packed with useful widgets and features. Built as a Chrome extension, it transforms your new tab page into a hub tailored to your needs.

Key Features and Functionality

  • Customizable Iframe Widgets
  • Embed content from any webpage by targeting a specific element with a CSS selector.
  • For example, I display GitHub issues from a repository and a Yahoo Finance stock ticker side by side.

  • Essential Widgets

  • Weather forecasts, world clocks, bookmark groups, and sticky notes for quick notes and reminders.

  • Smart Philips Hue Integration

  • Control individual lights or entire groups with scene and toggle widgets.
  • Change light colors, switch scenes, and manage lighting effects via context menus.

  • Quick Access for Gaming

  • Launch your favorite Steam games or apps directly from the new tab interface.

  • Powerful Search Functionality

  • Multiple search engine options.
  • Local search history for quick reference.

  • Calendar Connectivity

  • Seamlessly integrate with Google Calendar to keep track of your schedules.

  • Flexible Widget Configuration

  • JSON-based customization for advanced users.
  • Style your dashboard with custom CSS.

  • User-Friendly Features

  • An optional welcome screen appearing upon first load for ease of setup.

Availability

The extension, named New Tab Widgets, is currently accessible for Chromium-based browsers through the Chrome Web Store. You can check it out here:

Download from Chrome Web Store

More Information

Learn more about the project and explore its capabilities on the official website:

https://newtabwidgets.com

Your Feedback Matters

As a developer, I initially crafted this tool for my own use, but I believe it can be highly beneficial for others seeking a tailored browser experience. I would love to hear your thoughts, suggestions, or any feedbackโ€”especially from the web development community. Feel free to


Leave a Reply

Your email address will not be published. Required fields are marked *