Hey buddy,
So… I built almost the whole app. Shipped every hard thing. Solved every annoying bug.
And then one single page came out of nowhere and said:
“Bro, sit down.”
Welcome to my life with Snapgroove - a tiny tool I’m building to make your screenshots look less like a cry for help. Give them shadows, gradients, device frames… all in one click. Basically: make your work look expensive without knowing design.
And guess what?
The core app is done.
Like actually done.
- Editor works
- Image export is smooth
- All features tested
- Logo and branding ready
Live here → https://snapgroove.vercel.app
But then…
The landing page happened.
And suddenly I felt like I forgot how to think.
The Fun Part: Building the Actual App
As a full-stack dev, building features is my comfort zone.
Give me logic, give me APIs, give me bugs that ruin my sleep - I will survive.
Snapgroove came together pretty fast:
- A clean editor
- Nice export flow
- Simple UI
- It’s all open-source too: taqui-786/Snapgroove
I even vibe-coded some layouts for the landing page.
But honestly? Everything felt too generic or too messy.
I’m just not great at design stuff. And this is the part that always slows me down on every project I make.
And yes, I know the app itself is still not perfect. It’s in beta. I’m improving it as fast as I can. But landing pages… bro… they hit different.
The Not-So-Fun Part: The Landing Page Breakdown
It’s wild how I can build a full editor in a single sitting, but a landing page will take my brain hostage for days.
I tried multiple layouts.
I tried being creative.
I even told myself, “Just ship it, nobody cares.”
But I care.
And nothing feels right.
Landing pages are weird.
You need:
- Good design
- Clean layout
- The right words
- The right vibe
- Something that doesn’t scream “bro, we know you’re a developer”
And I’m still figuring that out.
What I Need Help With (Yes, You 😭)
If you’re reading this, I’d honestly love your input.
- Take a quick look at the app
- Tell me what confused you
- Suggest what the landing page should highlight
- Share any design inspo sites you use
Anything helps.
I’m a developer who’s way better at building things than selling them.
So any tips, design ideas, or copy advice… I’ll take it all.
Why I’m Even Sharing This
Because building stuff is fun.
But being stuck alone makes it harder.
And I know I’m not the only dev who can ship complex features in 2 hours but can’t pick a font for 2 weeks.
If you feel the same, you’re not alone.
We’re in the same boat, staring at Figma like it’s a final exam.
Thanks for Reading 🙏
If you have even 2 minutes, your design brain cells could save my entire project.
Drop any tips.
Share any inspo.
Tell me what looks weird.
Or just say “yo this looks clean” so I don’t cry.
App: https://snapgroove.vercel.app
Codebase: taqui-786/Snapgroove
Top comments (24)
I just checked out the app and I think what confused me is there isn't a way for me to change the picture that has been already uploaded, unless I cancel the entire thing and start all over. And also the aspect ratio of the pop up after you upload an image, in full screen on my monitor, it shows all the settings to adjust the image but when I reduce the size of the window, its not very responsive and also the green background on the upload page could also be reconsidered... aside that, its an awesome app!
Glad you liked the app! And thanks for pointing these out 🙏
The image replace flow is definitely missing, I will fix that soon.
I will also work on making the layout more responsive and rethink the upload page vibe.
Your feedback really helps me improve fast.
It's a nice idea. There are some glaring issues -- some already said by other people.
The liquid glass background of the modal is distracting especially with the large amount of green behind it. It's also an accessibility nightmare since some of the texts, icons, etc. disappear. This is similar to putting text over an image. You cannot guarantee that the text will always have good contrast against what's behind it.
There's an important customizability feature that's missing. You're not able to select a size of your canvas. You can only lengthen vertically. This isn't good since screenshots are mostly made because it should be showcased somewhere. Most of the time it's during a presentation.
Overall it's a really cool idea. I would double check the functionality. I'm not noticing what's changing when you toggle grain and reflection. I would also add a way to add custom colours for the background instead of just the presets.
Thanks a lot for this detailed feedback buddy 🙏
You pointed out stuff I honestly didn’t notice during building.
The glass background + contrast issue makes total sense - I will fix that first.
Canvas sizing and custom colors are also great points. I’ll start adding these in the next update.
Really appreciate you taking the time to write this 🙏
Yeah, the app functionality is awesome! But, the blur background comes in our way when we are doing the editing!
Also, am literally not a right person to talk about ux/ui design, but just my suggestion:
Thanks a lot, your feedback means a lot to me 🙏👍 And thanks for the reference too
My take: keep the landing page stupid simple. Show one killer before/after screenshot, one sentence about what it does, and a big button to try it. you can always polish later. People don’t need fancy design, they just need to instantly get why it’s useful.
Make sense bro, Thanks a lot for you great advice 🙏
I checked, that is a great idea, but i found 2 small issues with your app:
Thanks for pointing these out,
The missing hover state and that wild decimal value are both on me
I will smooth out the size adjustments and update the button styles.
Your feedback helps me polish the app faster 🙏
I'm with you on this.Creating a landing page isn’t just a small extension of development. It’s a whole craft on its own, with its own rules, pitfalls, and that subjective part where it also has to feel right to the person who made it.
The mix of design, intention, storytelling, and visual hierarchy… it’s a different universe.
You’re not exaggerating at all. You’re just naming a reality every dev runs into sooner or later.
Bro this comment means a lot 🙏
You explained it perfectly. It’s not “just a page”… it’s design + story + vibes all fighting at the same time.
Good to know every dev hits this wall sooner or later.
I think transparent bg is kinda annoying
Bro, i am bad at design stuff,
But will fix it, thanks a lot for your feedback 🙏
Hey, really loving the functionality so far! One thing I noticed is that when I try to upload images with different aspect ratios, the editor sometimes stretches or crops them unexpectedly, especially when toggling between zoom levels. It might be helpful to add an aspect ratio lock or preview mode so users can see exactly how the image will look before exporting.
Thanks a lot buddy 🙏
Super helpful feedback. The stretching you saw happens because the editor auto-sizes based on the image, but I agree it still needs a cleaner flow.
An aspect ratio lock or preview mode is a great idea, I will add that to the next update.
Hey Bro,
Idea was so good and UI is perfect and options are made me impressed I only felt it was bit unresponsive in mobile web I guess.
First Time I am seeing concept like this.
Hats off.
Thanks a lot Arun, and yes its not completely response there is a bug in mobile version. I am working on it.
Btw, Thanks a lot man
Heyyy nice post! I'm wondering if this kind of UI is a common pattern? bc it looks very similar if not almost identical of the screenshot editor in contentport.io
I love this tool bc screenshots looks really nice, but if you are not paying the pro subscription it adds a watermark. Will be trying yours from now on.
Some comments may only be visible to logged-in visitors. Sign in to view all comments.