๐Ÿš€ New: Shopify Admin Badge, Context Menus & Smart URL Resolution Learn more โ†’

Every Feature You Need to Work Safely

EnvHub is packed with features to keep you safe. Get started free โ€” upgrade to Pro for unlimited projects, advanced patterns, reviews, and more.

Display Modes

Four Ways to See Your Environment

PRODUCTION

Bar Mode

Full-width bar that can be positioned at the top, bottom, left, or right edge of the page.

  • Configurable position (4 edges)
  • Adjustable height (thin, normal, thick)
  • Pattern options (solid, gradient, stripes, glow)
STAGING

Frame Mode

A colored border around the entire viewport with a label in the corner.

  • Always visible regardless of scroll
  • Configurable border width
  • Label position options
UAT

Ribbon Mode Pro

A diagonal corner ribbon for minimal visual intrusion while staying visible.

  • 4 corner positions
  • Minimal page interference
  • Classic developer aesthetic
LOCAL ๐Ÿš€

Label Mode

A floating badge that stays out of your way while remaining visible.

  • Emoji support ๐Ÿš€
  • Click to switch environments
  • Arrow key navigation
Customization

Make It Your Own

Custom Colors

Full color picker with recent colors saved for quick access.

Pattern Options

Solid colors free. Gradients, stripes & glow with Pro.

Size Options

Thin (10px), normal (20px), or thick (30px) bars.

Opacity Control

20% to 100% transparency for any display mode.

๐Ÿš€

Emoji Support

Use emojis in your labels for extra clarity.

Aa

Font Sizes

Small, normal, or large label text sizes.

Environment Types

Built-in Presets + Custom Types

Local #22C55E
Development #3B82F6
Staging #8B5CF6
QA / Testing #14B8A6
UAT #F97316
Production #EF4444

Plus custom environment types with your own colors and labels. Free includes 2 custom types โ€” Pro unlocks unlimited.

Productivity

Work Faster, Not Harder

Keyboard Shortcuts

Open EnvHub โŒ˜โ‡งE
Environment Switcher โŒ˜โ‡งS
Cycle Environments โ† โ†’
Confirm Switch Enter

Quick Actions

Open in New Tab

Open the same path in a different environment

Copy URL

One-click copy current URL to clipboard

Search & Filter

Find projects instantly as you type

Pin Favorites

Keep frequently used projects at the top

Pro Feature

Pin Feedback Directly on the Page

Reviews & Annotations let you click any element on a page to leave visual feedback โ€” no screenshots, no external tools. Perfect for QA, design reviews, and client feedback.

Click-to-annotate

Enter Review Mode, click any element, and leave a comment. Numbered pins appear exactly where you clicked.

Threaded replies & reactions

Each annotation supports comment threads with replies, emoji reactions, and priority levels (Low โ†’ Critical).

Resolve & track

Mark annotations as Open or Resolved. Filter by status, priority, or environment. Navigate between pins with prev/next arrows.

Shareable deep links

Share a link that opens the exact page and scrolls to the annotation โ€” no setup required for recipients.

staging.myapp.com
1
2
OPEN 2 min ago
Craig M Roberts

This heading needs to be larger on mobile breakpoints

๐Ÿ‘ 1 Reply
2
Web Dashboard

Manage Everything From the Web

Access your projects, review issues, and settings from any browser โ€” no extension required.

Project Management

Create, edit, and organise projects. Configure environments, set icons, manage external links, and archive old projects โ€” all from the dashboard.

Review Issues

Browse, filter, and manage review issues captured by the extension. Forward issues to GitHub or Slack, add comments, and track resolution status.

Settings & Sync

Manage custom environment types, import and export your configuration, and monitor cloud sync status across all your devices.

Shopify Integration

Built for Shopify Partners

Stop juggling browser bookmarks. EnvHub knows your Shopify store and gives you one-click access to everywhere you need to be โ€” with 11 purpose-built features.

Smart Mode Switcher

Jump between Site, Admin, and Theme Editor instantly

Admin Environment Badge NEW

Color-coded badge next to the Shopify logo in admin

Right-Click Context Menus NEW

Jump to Admin or Editor from any storefront page

Smart URL Resolution NEW

Resolves .myshopify.com even from custom domains

Theme-Aware Matching

Per-environment theme IDs for the editor

+ 5 More Features

Preview bar, path preservation, auto-detect & more

See All Shopify Features

Shopify Mode Switcher

View Site mystore.myshopify.com
Open Admin admin.shopify.com/store/...
Theme Editor /admin/themes/.../editor
Safety & More

Everything Else You Need

Production Warning Pro

Pulsing indicator dot warns you when on production.

Auto-Hide Pro

Marker fades after delay, reappears on hover.

Push Content Pro

Push page content instead of overlaying.

Dark Mode

Light, dark, or system theme support.

Side Panel

Use as Chrome side panel for quick access.

i18n Support

English, Spanish, with more coming.

Import/Export

JSON backup and team sharing.

Onboarding

Guided first-run experience.

Tab Title Prefix Pro

Show environment in browser tab (DEV - My App).

Screen Share Pro

Hide sensitive projects during screen sharing.

Ready to Work With Confidence?

Get started free. Upgrade to Pro when you need more.

Install EnvHub Free