MARKETPLACE
PLUGINS
SCREEN RESOLUTION DETECTOR
Screen resolution detector logo

Screen resolution detector

Published April 2026
   •    Updated April 2026

Plugin details

Screen Resolution Detector is a lightweight, invisible element that tracks the user's browser viewport size and publishes it as live states the moment your page loads.
As the user resizes their browser window, all three states update automatically in realtime — no workflows or actions needed.

States exposed:
— resolution (text) → e.g. 1920*1080
— width (number) → e.g. 1920
— height (number) → e.g. 1080

Use these states to build responsive logic directly in Bubble — show or hide elements, redirect to a mobile page, adjust layouts, or trigger conditional workflows based on the user's actual screen size.

$7

One time  •  Or  $2/mo

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

HKS Techlabs logo
HKS Techlabs
Joined 2021   •   16 Plugins
View contributor profile

Instructions

1. Install the plugin from the Bubble Plugin Marketplace.
2. Drop the Screen Resolution Detector element anywhere on your page. It is invisible and takes up no space.

3. The element immediately publishes three states on page load:
  • ScreenResolutionDetector's resolution → full resolution as text (e.g. 1920*1080)
  • ScreenResolutionDetector's width → viewport width as a number
  • ScreenResolutionDetector's height → viewport height as a number

4. Reference these states anywhere in your app — in conditions, text elements, workflows, or dynamic expressions.

5. No configuration or actions required. The states update automatically whenever the user resizes their browser window.

Demo Editor: https://bubble.io/page?id=hks-demos&tab=Design&name=screen_resolution_detector&type=page&elements=cmMhp

Demo View: https://hks-demos.bubbleapps.io/version-test/screen_resolution_detector

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Analytics   •   Technical   •   Productivity   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble