top | item 40544375

Show HN: Screenshot to Reactjs and Tailwindcss

18 points| onurbb | 1 year ago |aiui.me

Well, it's yet another screenshot-to-code tool. I use it daily. Of course, it sucks with complex designs, but it's still better than starting from scratch. It's a paid tool, but I've tried to be fair with the pricing at $9/month. However, I understand that times are tough. If you really want to keep using the tool and can't afford the $9, I get it. Just sign up and comment with your email, and I'll gift you three months of premium for free.

5 comments

order

graypegg|1 year ago

Thanks for being real in your post description. So many ShowHN posts go hyper corporate right off the bat.

Cool little thing! The price point seems fair to me.

The homepage’s output example might need some tweaks. The code tab on mobile is wrapping text with a big font size and the syntax highlighting mode is wrong so it looks quite a bit more spaghetti-y than it really is.

Nice job though!!

onurbb|1 year ago

lmao this is what happens when you let ai build stuff. thanks, gonna fix it!

temp3000|1 year ago

Why screenshot instead of just enter url of site to copy? I think that would be easier since most likely the screenshot is just of a site.

onurbb|1 year ago

I initially built this for myself, I never needed to copy entire landing page before I just need help with components.

bbor|1 year ago

Yeah but it doesn’t have to be, which I think is a huge part of the appeal of these tools. Inkscape, figma, hell even PowerPoint for mocking a simple form or something