Device Size

Device Size updates automatically as the browser window changes, making it useful for responsive testing, breakpoint previews, development tools, and experimental layouts.

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

Visitor’s current view dimensions