Viewport

Development

What is Viewport?

The visible area of a web page within the browser window. CSS viewport units (vw, vh) allow sizing relative to this area.

See “Viewport” in Real SaaS Products

activecollab screenshot 20
ActiveCollab logo

ActiveCollab

Project Management Software · Dashboard

airtable screenshot 13
Airtable logo

Airtable

Productivity · Dashboard

airtable screenshot 21
Airtable logo

Airtable

Productivity · Dashboard

amplitude screenshot 10
Amplitude logo

Amplitude

Analytics · Dashboard

arc browser screenshot 2
Arc Browser logo

Arc Browser

Browser · Landing

arc browser screenshot 8
Arc Browser logo

Arc Browser

Browser · Dashboard

arrows screenshot 8
Arrows logo

Arrows

Customer Experience · Dashboard

arrows screenshot 19
Arrows logo

Arrows

Customer Experience · Dashboard

asana screenshot 19
Asana logo

Asana

Project Management Software · Dashboard

asana screenshot 20
Asana logo

Asana

Project Management Software · Dashboard

← Back to Glossary|Explore SaaS UI Patterns