TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Screenshot.Rocks: Open-source browser and mobile screenshot mockup tool

91 pointsby digniteover 2 years ago

17 comments

throwthisawayhnover 2 years ago
Simple and clean, well done. The tilt options are a nice touch.<p>A few suggestions:<p>- Add example(s) on the home page. This is the first thing I look for, it took me a few seconds before I noticed &quot;Try a demo image&quot;.<p>- In the case of a mobile screenshot, if the image is horizontal then the camera location on the &quot;fake&quot; phone should be moved to the side. Currently the camera remains on top, making the phone look more like a laptop screen.<p>- Add a button to reset the value for each individual property (size, space, tilt...etc).<p>- For some reason when switching from &quot;Browser&quot; to &quot;Mobile&quot; mockups the canvas shrinks to a small size. I&#x27;m using Chrome.
评论 #34795853 未加载
eshnilover 2 years ago
It would be great to be able to navigate the page to a certain scroll location or a specific state if it&#x27;s a single page app and THEN take a screenshot. I don&#x27;t know how you would achieve that though. Easier for the user to upload an image.
评论 #34799305 未加载
Klonoarover 2 years ago
Suggestion: add a toggle for dark-mode, for websites that use it.
评论 #34795979 未加载
yodonover 2 years ago
Not working on iOS Safari or OSX Safari. Working on Chrome.
评论 #34794547 未加载
yregover 2 years ago
Suggestions:<p>The demo image doesn&#x27;t look great on the phone frame. Not sure what to do. Perhaps you could have a toggle for cropping the image and a setting for aspect ratio, that would be set by default when using the demo image?<p>Also, for people working on iOS apps it might be useful to have a vaguely iPhone-like shape available as well.
Ephil012over 2 years ago
Suggestion: If you type in a URL without <a href="http:&#x2F;&#x2F;" rel="nofollow">http:&#x2F;&#x2F;</a> or <a href="https:&#x2F;&#x2F;" rel="nofollow">https:&#x2F;&#x2F;</a> at the beginning it doesn&#x27;t work. Can this be fixed?
评论 #34799324 未加载
dylanzhangdevover 2 years ago
I tested my website and the Chinese in the page became garbled. Not for advertising, test <a href="https:&#x2F;&#x2F;seazhang.com" rel="nofollow">https:&#x2F;&#x2F;seazhang.com</a> if you need a case
remidemmiover 2 years ago
I have build something similar a while ago <a href="https:&#x2F;&#x2F;frameshift.netlify.app" rel="nofollow">https:&#x2F;&#x2F;frameshift.netlify.app</a>
aorthover 2 years ago
This is cool! Posting to say thanks. I tried it with a screenshot that I had saved from Firefox&#x27;s built-in screenshot tool.
hanniabuover 2 years ago
Awesome site....simple and intuitive yet powerful
fazlerocksover 2 years ago
Great product! I tested it out on Safari, but the downloaded image only showed the browser frame and not the screenshot itself.
ApolloRisingover 2 years ago
The phone version does not show a mobile view but other than that well done. I used your browser extension.
www_harka_comover 2 years ago
When uploading (drag&amp;drop or choose file) an image, jpg is not recognized, only jpeg and png.
评论 #34795972 未加载
TheSkyHasEyesover 2 years ago
Paste(CTRL-V) does not work on Firefox, Edge or Chrome for me. Am I missing something? Thanks.
genevarover 2 years ago
Drag &amp; drop not working on Brave.
评论 #34795827 未加载
Orasover 2 years ago
Empty page, is it running?
评论 #34791608 未加载
JadoJodoover 2 years ago
I would strongly recommend you use the tool to generate a screenshot of the tool and put that on the homepage :)
评论 #34795588 未加载