ViewPort

What it does

ViewPort is a lightweight, privacy-first VS Code extension. It lets you preview your responsive web designs in real device frames (like iPad and Pixel) directly inside your editor. 100% offline, zero data tracking, and no heavy browser overhead.

Extension for Visual Studio Code - Live responsive device preview with auto-reload, real CSS dimensions, and offline support for web developers.

ViewPort is a powerful VS Code extension that lets web developers preview their HTML/CSS/JS files inside real device frames—just like Flutter's Device Preview, but built specifically for web developers. It opens directly in your browser with a sleek device sidebar, updating instantly as you code. If your computer can run VS Code, it can run ViewPort. Period. Many responsive testing tools launch entirely separate Chromium instances, heavy Electron wrappers, or use bloated UI frameworks that consume massive amounts of RAM and spike CPU usage. We engineered ViewPort with extreme constraints to ensure zero performance degradation on low-end hardware: ViewPort is engineered specifically for…from marketplace.visualstudio.com

• 
  Viewport2024 · viewport.co · ▲54

  Showcase your design process from concept to completion

• WD
  Webflow - Design responsive websites visually2013 · playground.webflow.com · ▲503
• 
  Viewport2016 · apps.apple.com · ▲88

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

• 
  Responsive Viewer2019 · chromewebstore.google.com · ▲393

  View multiple screen dimensions in one view

• 
  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…

• 
  Grid Overlay ProFeb 2026 · chromewebstore.google.com · ▲106

  A browser extension to visualize grid layouts on any webpage

• 
  /dev/null▲489

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 29d ago · corespeed.io

• 
  Brew ▲900

  Like Claude design for email marketing

  AI · May 2026 · brew.new

• 
  Kilo Code for VS Code▲896

  Parallel agents, diff reviewer, and multi-model comparisons

  Dev tools · May 2026 · kilo.ai

• 
  StoreClaw▲806

  Grow your store profits with agents that know how to sell

  AI · May 2026 · storeclaw.ai

• 
  PollyReach▲795

  Give your agent a real number and voice to make calls.

  AI · May 2026 · pollyreach.ai

• 
  Needle: We Distilled Gemini Tool Calling into a 26M Model▲776

  Hey HN, Henry here from Cactus. We open-sourced Needle, a 26M parameter function-calling (tool use) model. It runs at 6000 tok/s prefill and 1200 tok/s decode on consumer devices. We were always frustrated by the little effort made towards building agentic models that run on budget phones, so we conducted investigations that led to an observation: agentic experiences are built upon tool calling, and massive models are overkill for it. Tool calling is fundamentally retrieval-and-assembly (match query to tool name, extract argument values, emit JSON), not reasoning. Cross-attention…

  Life & fun · May 2026 · github.com

• 
  Files.md – Open-source alternative to Obsidian▲730

  🌱 Private, quiet space for thinking. Simple app for .md files. - zakirullin/files.md

  Dev tools · May 2026 · github.com