For web designers who need fast and reliable tools, all in one place. Optimize your design process and stay focused on creativity!

Latest Version

Version
1.0
Update
October 11, 2024
Size
589KiB
Developer
hubbbr.com
Category
Users
60
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
Bahasa Indonesia
Bahasa Melayu
Deutsch
English
English (UK)
English (United States)
Filipino
Français
Nederlands
Norsk
Tiếng Việt
Türkçe
Català
Dansk
Eesti
Español
Español (Latinoamérica)
Hrvatski
Italiano
Latviešu
Lietuvių
Magyar
Polski
Português (Brasil)
Português (Portugal)
Română
Slovenský
Slovenščina
Suomi
čeština
Ελληνικά
Српски
български
русский
українська
עברית
मराठी
हिन्दी
বাংলা
ગુજરાતી
தமிழ்
తెలుగు
ಕನ್ನಡ
മലയാളം
ไทย
አማርኛ
‫العربية
中文 (简体)
中文 (繁體)
日本語
한국어
See more
Permissions
Storage
UnlimitedStorage
ContextMenus
Tabs
Favicon
See more

Hubbbr - Web Design Tools Extension

Hubbbr is a powerful Chrome extension created to empower web designers by offering tools that enhance productivity and foster creativity. This all-in-one solution integrates four key features essential to any design workflow:

1. Color Picker
Easily extract and fine-tune any color from a webpage or image, enabling rapid color scheme adjustments and ensuring visual consistency across your designs.

2. Font Picker
Identify and manage fonts directly from websites, making it effortless to discover typefaces, match styles, or preview font combinations for your projects.

3. Page Ruler
Measure on-screen elements with precision, perfect for verifying dimensions, aligning layouts, and ensuring pixel-perfect design without leaving your browser.

4. Palette Maker
Create custom color palettes or explore existing ones for inspiration. The palette maker helps designers quickly craft harmonious color combinations to elevate their web aesthetics.

Designed to streamline the design process, Hubbbr eliminates the need for switching between multiple tools or software, allowing designers to focus on what matters most: creativity. With its intuitive interface and lightweight performance, it’s suitable for designers at all experience levels—from beginners to seasoned professionals.

By offering easy access to all these tools directly from the browser, Hubbbr saves time and enhances productivity, allowing designers to efficiently tackle any design challenge. Whether you're choosing the perfect color scheme, identifying fonts, or ensuring pixel-perfect layout alignment, Hubbbr provides the quick, reliable, and user-friendly solutions that every modern web designer needs to stay on top of their game.

Also, Hubbbr can automatically save your past selections, making it incredibly easy to revisit previously used colors, fonts, and palettes without having to start from scratch.

Designers often experiment with different combinations, and losing track of a perfect color code or font can be frustrating. Hubbbr’s history feature ensures that every color you’ve picked, font you've identified, or palette you've created is logged and easily accessible. This means you can go back and retrieve past design elements with a few clicks, keeping your work consistent and organized.

In short, Hubbbr’s history-saving functionality provides a safety net for designers, ensuring that all creative decisions are recorded and accessible whenever you need them. This feature is especially valuable for large projects, where keeping track of numerous design choices is essential for maintaining a cohesive, polished look throughout.

We designed our extension for maximum efficiency, and one of its features is the ability to access all its tools through customizable hotkeys. This feature allows web designers to quickly activate the color picker, font picker, page ruler, or palette maker without ever leaving the keyboard, making the design process faster and more streamlined.

With hotkey access, you no longer need to navigate through menus or search for the right tool-everything is just a keystroke away. These shortcuts save valuable time, especially when working on complex projects or juggling multiple design tasks.

Hotkeys also help reduce distractions, allowing designers to stay focused on creativity. By cutting out the need to constantly switch between tools or extensions, Hubbbr’s hotkey feature lets you move seamlessly from task to task, keeping you in the flow of your work.

Furthermore, the hotkeys are fully customizable, meaning you can assign commands that best fit your personal workflow and preferences. This makes Hubbbr adaptable to your unique design habits, giving you ultimate control over how you interact with the extension.

So, Hubbbr - Web Designer Tools is a Chrome extension designed to streamline the web design process by offering essential tools like a color picker, font picker, page ruler, and palette maker, all in one place. Key features include customizable hotkeys for quick access, and a history-saving function that logs past color, font, and palette selections for easy retrieval. These tools help designers work faster, maintain focus on creativity, and eliminate the need to switch between multiple apps. Hubbbr’s user-friendly interface and real-time functionality make it an ideal solution for web designers seeking efficiency and creative flow.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "__MSG_name__", "description": "__MSG_desc__", "version": "1.0", "default_locale": "en", "manifest_version": 3, "icons": { "32": "assets/static/32.png", "64": "assets/static/64.png", "128": "assets/static/128.png" }, "permissions": [ "storage", "unlimitedStorage", "contextMenus", "tabs", "favicon" ], "host_permissions": [""], "action": { "default_title": "__MSG_title__" }, "background": { "service_worker": "worker.js" }, "content_scripts": [ { "js": ["content.js"], "matches": [""], "all_frames": true, "run_at": "document_start" } ], "commands": { "open-panel": { "suggested_key": { "default": "Alt+E", "linux": "Alt+E", "windows": "Alt+E", "mac": "Command+E" }, "description": "Launch Hub" }, "open-color-picker": { "description": "On/Off color picker" }, "open-font-picker": { "description": "On/Off font picker" }, "open-palette": { "description": "On/Off palette" }, "open-page-ruler": { "description": "On/Off page ruler" } }, "options_page": "options.html", "web_accessible_resources": [ { "resources": ["assets/fonts/*", "static/*", "assets/*.svg", "assets/*.png", "assets/*.css", "assets/*.otf", "_favicon/*"], "matches": [""] } ]}
Read more