About this Component
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
