4

So I got a new project idea , an app that takes your image and fits it in a mac window like a border .
Basically when I make a new website or app and I want to post screenshots of it , just the plain screenshot of the app looks bland but if I have a nice aesthetic ✨ mac OS window around it with rounder corners and stuff , it would look very cool . I bet everybody here has seen something like this once or twice. Is there an app that does this already ? takes an image from the user and puts a window around it , with the minimize ,maximize and close buttons and let's the user download the final image . Not necessarily a mac window with there could be option for different types of windows . Even VS code repo on Github has a mac window around it lol . So I would like to make an app that makes this whole process easier instead of requiring you to edit images of your app (in case u don't have windows or a mac for screenshot)
What tools (tech stack )would I require to make a web app for this purpose ?

Comments
  • 3
    I know https://carbon.now.sh but that's specifically for code.
  • 0
    @lbfalvy yes! I make use of carbon too , but as you said it's specifically for code , I would like to make carbon but for images a little more customizable in the sense that users could type in the title for title bar and as I mentioned support for different kinds of windows with different icons
  • 0
    Try smart mockups they do a lot of this and more.
  • 1
  • 1
    I feel something like this could be simple enough to do as a static page with vanilla JS/HTML/CSS. Could paste the screenshot from clipboard and let the user type in the desired window title if needed, then the user could take a screenshot of that result to use elsewhere.
Add Comment