Device Size

Device Size

About Device Size

Unlock entire Depth library for $149. One price. Lifetime.

Get Depth

--------------------------------------------------------

Display the visitor’s current viewport dimensions directly on your Framer site. Device Size updates automatically as the browser window changes, making it useful for responsive testing, breakpoint previews, development tools, and experimental layouts.

The component shows the live width and height of the current device or browser viewport in a simple text format.

How to use

Drop the component anywhere on your page and position it where the dimensions should appear. Customize the text color and typography directly from the properties panel.

Resize the browser or preview the page on different devices to see the displayed dimensions update in real time.

Features

  • Displays the current viewport width and height

  • Updates automatically when the browser is resized

  • Useful for responsive and breakpoint testing

  • Custom text color

  • Custom typography

  • Works on preview and published websites

  • Responsive across desktop, tablet, and mobile

  • No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com