Designed a Custom New Tab Dashboard Extension with Embeddable Iframes and CSS-Targeted Widgets — Would Appreciate Feedback from /r/webdev!

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

Are you looking for a way to enhance your browser experience with a personalized and functional start page? I’m excited to share my latest project—a comprehensive and flexible new tab dashboard extension designed to boost your productivity and streamline your daily routines.

Background and Inspiration

What began as a simple tool to manage Philips Hue lighting from a fresh tab has grown into a versatile, intuitive dashboard that I now rely on every day. Over the past four years, I’ve continuously refined its features to create a cohesive environment that integrates various tools, widgets, and customizations—tailored to my needs and now available for others to enjoy.

Key Features and Functionalities

  1. Embed Custom Iframes
  2. Easily display external content by targeting specific web elements through CSS selectors.
  3. For example, I use it to showcase live GitHub issues and a Yahoo Finance stock ticker, turning my new tab into a dynamic information hub.

  4. Essential Widgets

  5. Weather forecasts
  6. Multiple clocks
  7. Bookmark groups and individual links
  8. Sticky notes for quick reminders

  9. Smart Home Integration

  10. Full control over Philips Hue lights:

    • Scene and group management
    • Lighting controls including on/off/toggle, color adjustments, and scene switching via context menu
  11. Entertainment Shortcuts

  12. Launch your favorite Steam games or applications directly from the new tab for quick access.

  13. Powerful Search Capabilities

  14. Multi-engine search support with the ability to browse your local search history.

  15. Calendar and Scheduling

  16. Integration with Google Calendar for seamless planning and event tracking.

  17. Customizable and Extensible

  18. Use JSON configurations to add personalized widgets.
  19. Apply custom CSS for design adjustments.
  20. Optional welcome screen upon opening for a friendly start.

Availability and Access

Currently, New Tab Widgets is available for Chromium-based browsers through the Chrome Web Store. You can explore and install it here:

Chrome Web Store Link

For more information and updates, visit the official website:

https://newtabwidgets.com

Final Thoughts

This project started as a personal tool, but I believe it has the potential to help others streamline their workflows and personalize their browsing experience. I’d love to


Leave a Reply

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


quantum ai ™️ website ufficiala da l'app 2025 [actualisÀ].