Looking good! What does it mean that it is free forever? That the code is available on GitHub and we should not have to be concerned about the site going offline or moving to a different place (that is not free)? Or, if it takes off, that we should begin to see ads? Or that this is the free tier option and future iterations can expect you to pay to, say, remove a watermark?
jdsane · 3h ago
this is free in the sense that users don't have to worry about paying a dime for using it. i have no current plan for any kind of monetization. it's my hobby tool that i use and expect people to use without worrying.
bapak · 3h ago
> free forever
conflicts with
> no current plan
jdsane · 2h ago
no plan meaning adding features, not in the sense adding monetization.
Free forever as asking NEVER to users for any kind of money for using service.
No comments yet
DidYaWipe · 6h ago
How is this a screenshot generator? You have to drag an existing image onto it...
stavros · 5h ago
The title is a bit misleading, he actually generated a screenshot beautifier.
jdsane · 3h ago
yeah, it is a screenshot beautifier in a sense.
asipasip · 6h ago
What is this for? I don't see the use case.
rikroots · 4h ago
I can maybe see some value for opening a web page like this, then taking a set of screenshots (for me CMD+SHIFT+4) which automatically get added to the web page, which the user can then curate in some way to generate a final image for download. If the dev who built this web page can work out a way to get the web page to automatically ingest user screenshots while the page is open then I think this tool becomes a lot more interesting.
I'm equally confused. Why would I want to take a perfectly good screenshot and then shrink it down so it fits within a square and fill >50% of the canvas pixels with a gradient background?
Elfener · 6h ago
I think this is some (new?) social media trend, my school started doing it too with their images on facebook. Half the image is just a border so the actual image is really low res. I have no idea why they do it though.
Hendrikto · 5h ago
Some social media sites and apps like to cut off the sides to fit content onto different screen sizes and aspect ratios.
I think adding a border is an attempt to preserve the essential parts of the images in those situations. It really should not be necessary, but alas modern/stupid problems require modern/stupid solutions.
jan_Sate · 5h ago
so it's for drawing attention on social media?
jdsane · 3h ago
this is current way of showing design screenshots, as plain screenshots gets buried under and most of the time designer, or frontend devs generate their own workflow for handling this grunt work of beautifying their work. it's tool to remove that pain point.
benjaminwootton · 5h ago
Because it looks nice and makes it pop in a social media feed.
brokariim · 4h ago
As a dev who loves sharing stuff on X, this is super useful.
You can use it to post clean screenshots for:
- showing off a new UI component you built
- sharing code snippets or errors with context
- bug reports that don’t look like chaos
asipasip · 4h ago
But it's not a clean screenshot. There's a space-wasting gradient fill behind it.
thih9 · 5h ago
Looks great, congrats on the launch.
Could you tell us more about how you made it? What libraries did you use, or did you code it with an AI?
unixhero · 4h ago
I liked its output. Maybe there is a use for it?
8mobile · 6h ago
hello compliments for moocup, your screenshot generator is convenient, fast and really easy to use for example for X o bsky. Some tips, currently there are only a few colors for the borders, I would also like to have the possibility of a movement or transaction and export to gif. what do you think would be possible? thanks
jdsane · 3h ago
hey, thank you for the kind words. I'm planning to add a color picker so users can pick color of their choice. currently, I have no plans of adding option for any video format. as it is my hobby project, i'd like to focus more on the primary features that might be needed. although i like the possibility of it.
DrHoenikker · 5h ago
This is a frame generator. It accepts images, assumed to be screenshots, as an input.
jdsane · 3h ago
yup, that's exactly right.
benjaminwootton · 5h ago
It's nice. I actually pay for something like this.
The only thing I think I would need to switch is canvas size, ideally where I can select sizes for Twitter, Instagram etc.
Being able to paste an image would be nice too.
Nice work!
afandian · 5h ago
What value does it provide? (Genuine question, not intended as snarky!)
jdsane · 3h ago
Hi; i'm the creator of tool. it's supposed to be sharing your product screenshots as input, using gradient backgrounds and some borders; which it'll automatically try to assign ass some curvatures and such. and export.
This process is repeated daily by designers, frontend devs, indie builders who creates products, ui snippets that they want world to see and grab their attention. as if you share a normal screenshot, most of the people would simply ignore it. in the sense, sometimes if you present your output wrapped in a good wrapper people would perceive it to be of high value and assess further results as such.
The border can look nice in certain settings, the annotation tools are handy for drawing attention to specific elements. It has the ability to hide/mask things too. All wrapped in a nice intuitive interface.
jdsane · 3h ago
great to hear, i plan to keep moocup free, forever. it is my hobby project and accept coffee payments to support it. but no plans of any kind of monthly plans whatsoever. I want user to come, drop some photos and within few seconds produce beautiful output. i hate subscriptions myself, and do not want to burden users with it. let me know of possibility of supporting it via coffee payments, which users would support if they wish to.
conflicts with
> no current plan
Free forever as asking NEVER to users for any kind of money for using service.
No comments yet
I did a similar thing for generating a video from multiple screen captures - GitHub repo here: https://github.com/KaliedaRik/sc-screen-recorder
I think adding a border is an attempt to preserve the essential parts of the images in those situations. It really should not be necessary, but alas modern/stupid problems require modern/stupid solutions.
Could you tell us more about how you made it? What libraries did you use, or did you code it with an AI?
The only thing I think I would need to switch is canvas size, ideally where I can select sizes for Twitter, Instagram etc.
Being able to paste an image would be nice too.
Nice work!
This process is repeated daily by designers, frontend devs, indie builders who creates products, ui snippets that they want world to see and grab their attention. as if you share a normal screenshot, most of the people would simply ignore it. in the sense, sometimes if you present your output wrapped in a good wrapper people would perceive it to be of high value and assess further results as such.
hopefully that clears up!
https://github.com/AlexanderVanhee/Gradia
The border can look nice in certain settings, the annotation tools are handy for drawing attention to specific elements. It has the ability to hide/mask things too. All wrapped in a nice intuitive interface.