MARKETPLACE
PLUGINS
MOBILE APP - DIMENSIONS
Mobile App - Dimensions logo

Mobile App - Dimensions

Published July 2025
   •    Updated this month

Plugin details

# Device Dimensions Plugin
This invisible plugin helps you get real-time measurements of your user's device screen and the app's active window. It's great for making your app look good on any device size!

### What Information You Get

You can find the following information about the device's dimensions:

  • Window Width (number): How wide the app's current window is.
  • Window Height (number): How tall the app's current window is.
  • Window Scale (number): The pixel density of the app's window.
  • Window Font Scale (number): How much the fonts are scaled in the app's window.
  • Screen Width (number): The total width of the device's screen.
  • Screen Height (number): The total height of the device's screen.
  • Screen Scale (number): The pixel density of the entire screen.
  • Screen Font Scale (number): How much the fonts are scaled on the entire screen.

### When Things Happen

The plugin lets you know when certain things occur:

  • When Dimensions are Ready: This happens once when the plugin first gets the device's measurements.
  • When Dimensions Change: This happens whenever the device's window or screen size changes (for example, if you rotate your phone or use split-screen).

Demo Editor: https://bubble.io/page?id=lesscode-plugins&tab=Design&name=native-dimensions&type=page&elements=bTJxH





Are you searching for bubble.io plugin development services​? Look no further as Lesscode.io is an official Bubble.io Certified No-Code Development Agency

Hire a bubble mobile app developer today to develop your next big bubble mobile app or bubble plugin!



Other Plugins:

Free

For everyone

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

Other actions

Platform

Native mobile

Contributor details

Lesscode.io logo
Lesscode.io
Joined 2023   •   51 Plugins
View contributor profile

Instructions

# Instructions
### How to Use It

  1. Add it to your page: Drag the "MA - Device Dimensions" element onto your page in the Bubble editor. You won't see it, but it's working behind the scenes.
  2. See the numbers: You can use any of the dimension values (like MA - Device Dimensions's Window Width
    ) in your workflows or even display them directly in text boxes.
  3. Make things react: Use the "When Dimensions are Ready" and "When Dimensions Change" events to start your own actions. For instance, you could change how a section of your app looks when "When Dimensions Change" happens, so it always fits perfectly.

Types

This plugin can be found under the following types:
Element   •   Event

Categories

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

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble