Show HN: I made a screenshot beautifier(moocup.jaydip.me)
42 pointsby jdsane5 days ago14 comments
  • 4 days ago
    undefined
  • erikgahner5 days ago
    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?
    • jdsane5 days 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.
      • bapak5 days ago
        > free forever

        conflicts with

        > no current plan

        • jdsane5 days 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.

          • 5 days ago
            undefined
  • asipasip5 days ago
    What is this for? I don't see the use case.
    • zdc15 days ago
      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?
      • Elfener5 days 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.
        • Hendrikto5 days 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.

          • al_borland4 days ago
            This is a more generous explanation than my cynical first assumption, that they were trying to get away with saving lower res pictures to save on storage costs.
            • jdsane4 days ago
              It's optional you can turn it off at bottom floating navbar.
        • jan_Sate5 days ago
          so it's for drawing attention on social media?
      • jdsane5 days 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.
      • benjaminwootton5 days ago
        Because it looks nice and makes it pop in a social media feed.
    • rikroots5 days 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 did a similar thing for generating a video from multiple screen captures - GitHub repo here: https://github.com/KaliedaRik/sc-screen-recorder

    • brokariim5 days 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
      • asipasip5 days ago
        But it's not a clean screenshot. There's a space-wasting gradient fill behind it.
  • ezekg3 days ago
    I was recently looking for something like this to share some fun screenshots of a new UI. Would be cool to see some depth of field or bokeh effects.
  • ravdar3 days ago
    nice! I was looking for a tool like this a while ago. All I could find were either nice paid ones or some pretty crappy free options. I have to shamefully admit I ended up using the free version of Pika and just cropped out the watermark :D Yours looks solid and free. I'd suggest adding a few things like slider for corner radius, shadows, and frames (like macOS, browser, etc.)."
    • jdsane2 days ago
      glad you liked it. In bottom navbar, there is "Border" section where you can adjust border radius, color. If possible follow me on my socials so I can provide updates and receive feedback. my dm's are always open :)
  • 5 days ago
    undefined
  • thih95 days 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?

  • DrHoenikker5 days ago
    This is a frame generator. It accepts images, assumed to be screenshots, as an input.
    • jdsane5 days ago
      yup, that's exactly right.
  • unixhero5 days ago
    I liked its output. Maybe there is a use for it?
  • 8mobile5 days 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
    • jdsane5 days 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.
    • 5 days ago
      undefined
  • DidYaWipe5 days ago
    How is this a screenshot generator? You have to drag an existing image onto it...
    • stavros5 days ago
      The title is a bit misleading, he actually generated a screenshot beautifier.
      • jdsane5 days ago
        yeah, it is a screenshot beautifier in a sense.
  • mayankk2595 days ago
    [dead]
  • yapyap5 days ago
    [flagged]
  • benjaminwootton5 days 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!

    • afandian5 days ago
      What value does it provide? (Genuine question, not intended as snarky!)
      • jdsane5 days 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.

        hopefully that clears up!

      • petepete5 days ago
        I use a similar tool, Gradia.

        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.

    • jdsane5 days 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.