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 Highly Customizable Productivity Dashboard for Your Browser

Are you looking for a smarter way to organize your browsing experience? As a developer with over four years of hands-on work, Iโ€™m excited to unveil my latest projectโ€”a versatile, feature-rich new tab extension designed to boost productivity and personalize your browsing interface.

About the Extension

Initially conceived as a simple tool to control Philips Hue lighting directly from your new tab page, this project has grown into a comprehensive, customizable dashboard that seamlessly integrates various widgets and functionalities. Built for Chromium-based browsers, the extension transforms your new tab into a powerful hub tailored to your needs.

Key Features and Functionalities

1. Customizable Iframe Widgets
Embed any webpage or element within your dashboard. You can specify target elements through CSS selectors, enabling dynamic displays such as real-time GitHub issues or financial tickersโ€”perfect for keeping track of important updates at a glance.

2. Essential Productivity Tools
Stay organized with built-in features like weather forecasts, multiple clocks, link bookmarks organized into groups, and sticky notes for quick reminders.

3. Philips Hue Lighting Control
Manage your smart lighting effortlessly. Create scene or group widgets with options to toggle, turn lights on or off, or adjust colorsโ€”all accessible via right-click context menus for quick adjustments.

4. Quick Launch for Games and Apps
Launch Steam games or other applications directly from your new tab page with dedicated widgets, saving you time and clicks.

5. Advanced Search Capabilities
Utilize multiple search engines with the ability to view local search history, making it easier to revisit previous queries without leaving the dashboard.

6. Calendar and JSON-Configurable Widgets
Sync your Google Calendar for quick schedule access, or customize your dashboard further with JSON-configured widgets that suit your unique workflow.

7. Personalized Styling and Welcome Screen
Apply custom CSS to refine the appearance and optionally display a welcome screen on each load for a personalized experience.

Availability

The extension, named New Tab Widgets, is currently available for download on the Chrome Web Store. You can explore its features and customize your browsing environment to your preference:

Chrome Web Store Link

For more information and updates, visit the official website:
https://newtabwidgets.com


Leave a Reply

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