A tool to create and share beautiful code screenshots

Hey everyone, I have made this tool to create beautiful code screenshots that can be shared on social media and blog posts.

Used codemirror to add syntax highlighting. Hope you all like it.

You can try it out here

You can also explore the complete website that I have made here , It’s a screenshot mockup generator tool that I made to create beautiful screenshots and mockups for various usecases.

Open to feedback.

PS - Tech stack - NextJS, tailwind css (framer motion and shadcn UI), mongodb, cloudflare r2 for hosting static assets, stripe for payments.

Looks cool but what’s going on with your pricing?

It’s supposedly discounted from 49 → 29, but your post history 3 days ago is saying it was 10 but increasing to 29?

In fact archive.org also shows an original last price of 10… seems disingenuous, it’s not actually discounted.

@Ezri
Been learning from Amazon.

Clove said:
@Ezri
[deleted]

>
I eventually want to increase the price to $49/year but still need some initial users hence have settled for $29/year, hence showing 40% off. Also I will be doing a product hunt launch soon so I don’t want to price it very high and want to keep it affordable for everyone.

This sort of thing is frowned upon in Australia and goes against consumer law.


A business shouldn’t mislead customers about savings on products or services.

For example, a business may advertise a sale by using statements such as ‘WAS $275 NOW $149’. This implies the buyer will save the difference between the higher and lower price.

The advertised savings may be misleading or deceptive if the product or service:

has never been sold at the higher price, or
was sold in a limited amount at the higher price immediately before the sale

@Quince
Very shady stuff. It’s against consumer rights in Ireland too.

Clove said:
@Ezri
[deleted]

Then where does the 49 come from?

@Ezri
It’s free now I removed the watermark.

Think I’ll stick with a Code Snapshot for VS code. free & does the text highlighting.

Don’t need the wanky backgrounds - certainly not for $29USD ($58 Dollarydoos in AUD) a year.

@Tavi
I never knew I needed something until I’ve seen it. This looks awesome. Thanks for the share.

@Tavi
It’s free now I removed the watermark.

Why are people paying for this? Why not just use https://carbon.now.sh/ or https://ray.so?

How does this distinguish itself from existing tools like carbon or codesnap?

Darian said:
How does this distinguish itself from existing tools like carbon or codesnap?

Hey, as you have seen in this tool, it has a lot more different themes, shadows and background apart from all the customization options. Also the download quality is 1080p even for free users. I have also tried to keep the UI clean and simple. Code screenshots is just one tool but Picyard has a lot more tools like device mockups, tweet screenshots, screenshot mockups, etc. you can explore the website.

@Hart
Native SVG export? Your free competitor offers that.

Lol the shadow

We see Patrick Bateman: is your code screenshot using Ray tracing?

Foster said:
Lol the shadow

We see Patrick Bateman: is your code screenshot using Ray tracing?

It’s just a transparent overlay shadow. You can find that in the background tab at the top.

I swear, this sub is just full of people shilling their recreation of open source projects as paid projects lately. Good for you that you made it and you value your time, but this sorta stuff has been around for nearly a decade at this point.

@Aubrey
Hey, there are other tools as well (just click on the logo). I am sorry if you didn’t like it.

Whenever I ask mid journey to give me some code.

TIL there are people who pay for screenshots.