Squints puts design tools on top of any live web page. Measure spacing, drag out guides, overlay a column grid, pick colours in any format, see the font that actually rendered, and slow down or scrub any animation. Free, no account, no tracking.
Hey Product Hunt 👋
I'm Andreas, a product designer and frontend engineer based near Copenhagen.
I've been designing more and more directly in code. But in the browser, I kept missing the tools I'm used to from Figma: rulers, guides, a column grid, a proper colour picker.
So I built Squints, initially just for myself. It puts those tools on top of any live web page, plus a few Figma doesn't have: slowing every animation down and scrubbing through it, seeing the font that actually rendered, and copying an annotated screenshot straight into your AI tool.
I'd love to hear what you'd use it for, and what's missing.
Feels like a handy little toolbox for those moments when you’re staring at a page thinking why does this look slightly off?
I like that you built this around the actual live page. That’s usually where I end up doing the final checking anyway.
Being able to scrub through animations is such a simple idea but I can see myself using it a lot.
The column grid would probably get a lot of use from me. I’m always eyeballing alignment.
The rendered font thing is a nice detail. I’ve definitely had cases where the browser wasn’t using what I expected.
I’m constantly checking spacing in the browser so having this right there makes sense.
About Squints on Product Hunt
“Design tools for the live web”
Squints launched on Product Hunt on September 25th, 2026 and earned 76 upvotes and 12 comments, placing #15 on the daily leaderboard. Squints puts design tools on top of any live web page. Measure spacing, drag out guides, overlay a column grid, pick colours in any format, see the font that actually rendered, and slow down or scrub any animation. Free, no account, no tracking.
Squints was featured in Design Tools (262.9k followers), Productivity (661.5k followers) and Developer Tools (520.1k followers) on Product Hunt. Together, these topics include over 292.3k products, making this a competitive space to launch in.
Who hunted Squints?
Squints was hunted by Andreas Katzmann. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Squints stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Andreas Katzmann