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

Similar Extensions

icon

Designer Daily Report Extension · News & Weather 60 383 ★ 65.9KiB

icon

Edit website Extension · Productivity 60 0 ★ 271KiB

icon

What Font - font finder Extension · Productivity 60 249 ★ 161KiB

icon

字狐AI :ChatGPT侧边栏智能助手+GPT 4o, Copilot&网页总结&AI 工具 Extension · Productivity 60 8 ★ 4.01MiB

icon

Better Ruler Extension · Developer Tools 60 52 ★ 93.66KiB

icon

Pixel measurement Extension · Developer Tools 60 26 ★ 236KiB

icon

Inspecta - validate design implementation Extension · Developer Tools 60 3 ★ 420KiB

icon

PixelPilot (Pixel Perfect Design Helper) Extension · Developer Tools 60 7 ★ 70.81KiB

icon

Digital Ruler Extension · Productivity 60 5 ★ 155KiB

icon

Page Ruler: Your Web Design Companion Extension · Developer Tools 60 0 ★ 46.28KiB

icon

PixGrid Ruler Extension · Productivity 60 14 ★ 476KiB

icon

Screen Ruler - Measure The Web Extension · Developer Tools 60 26 ★ 1.97MiB

icon

Gridify: Enhance Your Web Design Workflow Extension · Developer Tools 60 0 ★ 19.3KiB

icon

New Tab - Home page and Calendar Extension · Productivity 60 2479 ★ 24.99MiB

icon

Web Editor Extension · Developer Tools 60 29 ★ 68.98KiB

icon

Design Sidekick Extension · Developer Tools 60 4 ★ 493KiB

icon

Make Google Sites HTML Editor Bigger Extension · Productivity 60 2 ★ 9.65KiB

icon

Inspect CSS Extension · Developer Tools 60 24 ★ 404KiB

icon

My Habits - Daily Reminder Extension · Productivity 60 3 ★ 877KiB

icon

Complementary Color Finder Extension · Photos 60 4 ★ 192KiB

icon

Font Inspector Extension · Developer Tools 60 7 ★ 30.26KiB

icon

Lensify Extension · Productivity 60 12 ★ 257KiB

icon

Designer Tools Extension · Developer Tools 60 227 ★ 987KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 60 87 ★ 816KiB