Created a custom New Tab extension featuring a productivity dashboard with iframe embedding, CSS selector targeting for widgets, along with numerous useful tools and features – eager to hear feedback from /r/webdev!

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

Are you looking for a more efficient way to start your day and manage your digital tasks? Discover New Tab Widgets, a powerful and versatile Chrome extension designed to transform your browser’s new tab page into a personalized productivity hub.

What Is New Tab Widgets?

Born out of a personal need to control smart home lighting, this extension has evolved over the past four years into a comprehensive dashboard tailored to your unique workflow. Built for Chrome and other Chromium-based browsers, New Tab Widgets offers a broad suite of features that enhance your browsing experience and streamline daily tasks.

Key Features & Capabilities

  1. Customizable Iframe Widgets:
  2. Embed any webpage or element directly into your new tab.
  3. Use CSS selectors to target specific elements for display.
  4. Example setups include showcasing GitHub issues from repositories or displaying live stock tickers from Yahoo Finance.

  5. Essential Productivity Tools:

  6. Weather updates, multiple clocks, and quick access to bookmarks and groups.
  7. Sticky notes for quick reminders and notes.

  8. Smart Home Integration:

  9. Seamlessly control your Philips Hue lights.
  10. Manage scenes, toggle individual lights, adjust colors, and switch settings via intuitive right-click menus.

  11. Quick Access to Games and Apps:

  12. Launch Steam games or apps directly from your new tab for instant entertainment.

  13. Advanced Search Functionality:

  14. Multiple search engine support with the ability to view previous search history stored locally.

  15. Calendar & JSON-configurable Widgets:

  16. Integrate your Google Calendar for upcoming events.
  17. Customize widget appearance and behavior through JSON configuration files.

  18. Personalization & Custom Design:

  19. Apply custom CSS styling to match your aesthetic preferences.
  20. Welcome screen that greets you on each load for a personalized touch.

Availability & Resources

The extension is available now on the Chrome Web Store, making installation straightforward. For more details and to try it out, visit the official webpage:

Chrome Web Store Link
Official Website

Your Feedback Matters

This project was originally crafted for my own use; however, I believe it can be a valuable tool for others seeking a customizable, all-in-one browser start page. I’d love to hear your thoughts, suggestions, or ideas for improvement—feel free


Leave a Reply

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


Learn how to boost local customers. Sit back, relax, and let quantum ai do the hard work for you.