Viewports

What it does

Viewports let you preview display sizes and market share of various viewports present in Apple and Google device lineup! Just select the frames you would like to work with, fire up the plugin, select the display size, and boom! Your mockups are resized!

• 
  Frametastic for Figma2020 · figma.com · ▲149

  Plugin to easily test your design in different viewports

• 
  Screen Sizes2021 · screensizes.app · ▲145

  A complete guide for Apple displays

• 
  Test your website on 180+ device viewports (with multi-device mode)2024 · viewport-tester.com · ▲74

  Hey HN! We do a lot of frontend testing, and one thing we find frustrating is the limited tooling available to observe how a URL renders on different viewports/devices simultaneously. For example, we can use Chrome Inspector's "Device" previews, but we run into the following: - Chrome doesn't keep those devices/viewports up to date, and adding new ones is pretty annoying (we've open sourced our collection of 180+ viewports/dimensions under MIT). - You can’t see multiple viewports at once (and it’s cumbersome switching back and forth) - When you notice a problem, there's no…

• 
  Screen Size Map2019 · screensizemap.com · ▲206

  An interactive map of screen sizes for responsive web design

• 
  Viewport2016 · apps.apple.com · ▲88

  All in one user testing tool for websites on your iOS device

• 
  Size.link2020 · size.link · ▲138

  A simple web app for viewing product dimensions in AR

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 24d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 18d ago · smoothrecorder.com

• 
  Figma Specs▲220

  A container for your context that lives on the Figma canvas

  Work · 2d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 12d ago · readrare.com

• 
  Startup Decks▲708

  View 100s of startup pitch decks or submit your own.

  Growth · 2019 · startupdecks.co

• 
  Dashblock▲696

  Turn any website into an API

  Dev tools · 2019

• 
  CLI tool for saving web pages as a single file▲640

  ⬛️ CLI tool and library for saving complete web pages as a single HTML file - Y2Z/monolith

  Dev tools · 2019 · github.com

• 
  Get waves▲602

  A simple web app to generate svg waves, unique every time

  Dev tools · 2019 · getwaves.io

• 
  Spider Pro▲574

  The easiest way to scrape the internet.

  Dev tools · 2019

• 
  Marketing Examples▲560

  A gallery of real world marketing examples

  Growth · 2019 · marketingexamples.com