Viewport Kit – Chrome Extension - Resize the viewport, not the window, to exact pixel sizes.

A Chrome extension that resizes a web page's viewport to 1080p, 720p, og:image, or any custom size in one click, then lets you take screenshots or record it right away. Unlike window resizers, it measures the actual viewport, so you get exactly the size you asked for. Pro adds full-page capture that stitches the whole page into one PNG without repeating sticky headers, WebM/MP4 recording with page audio and auto-scroll, and unlimited custom sizes. One-time purchase, no subscription.

I made my first Chrome extension. It is a tool that lets you resize, capture, and record the viewport, with full-page capture and video recording available in the Pro version.

While similar tools already exist, I created this as a study project to practice UI design by making something that is easy for me to use.

I think this will be useful for people who frequently take screenshots or captures of websites.

Please give it a try!

----------

𝗥𝗲𝘀𝗶𝘇𝗲

- Resizes by specifying the viewport size rather than the window size

𝗖𝗮𝗽𝘁𝘂𝗿𝗲

- Screenshot feature with switchable Retina / CSS sizing

- Capable of "rectangular" capture, ignoring browser frame shadows and rounded corners

𝗙𝘂𝗹𝗹 𝗣𝗮𝗴𝗲 𝗖𝗮𝗽𝘁𝘂𝗿𝗲 (Pro)

- Full page capture feature from the top to the bottom of the site

- Includes a feature to prevent sticky headers and footers from appearing in the capture

𝗥𝗲𝗰𝗼𝗿𝗱𝗶𝗻𝗴 (Pro)

- Record viewport operations in WebM or MP4. You can also choose between Retina or CSS pixel sizes

- Smooth automatic scroll recording using easing

Viewport Kit – Chrome Extension - Resize the viewport, not the window, to exact pixel sizes.

Replies